Ошибка получения ресурса на маршруте AngularJS - PullRequest
0 голосов
/ 19 октября 2018

Я использую AngularJS для создания SPA.У меня есть следующий код в моем файле home.ejs:

/* Initial Code */
                 <li class="nav-item dropdown" >
                     <a class="nav-link dropdown" data-toggle="dropdown" href="#"><i class="fa fa-user"></i>&nbsp; <%= sess.name.split(' ')[0] %></a>
                    <div class="dropdown-menu" style="margin-top:6px">
                    <a class="dropdown-item" href="profile">Profile</a>
                    <a class="dropdown-item" href="#">Settings</a>
                    <a class="dropdown-item" href="#">Logout</a>
                    </div>  
                </li>
            </ul>
        </nav>
    </header>
    <div ng-view>

    </div>
</body>
<script>
var app = angular.module("social", ["ngRoute"]);
app.config(function ($routeProvider,$locationProvider) {
    $locationProvider.hashPrefix('');
    $routeProvider
    .when("/", {
        templateUrl: "home.ejs"
    })
    .when("/profile", {
        templateUrl : "/pages/profile.ejs"
    })
    .when("/settings", {
        templateUrl : "settings.ejs"
    });
});

/* Rest of the code */

Но проблема в том, что этот код печатает следующую ошибку в консоли ..:

The console error is shown in the right hand side of the image

Я убедился, что файл существует в каталоге страниц .. Я использую node.js в качестве бэкэнда.Ничего не работает .. Что мне делать?

Это мой корневой каталог, здесь profile.ejs находится внутри каталога страниц:

enter image description here

1 Ответ

0 голосов
/ 22 октября 2018

Удалите начальный "/" из вашего пути, т.е.

templateUrl : "pages/profile.ejs"

Также попробуйте перезагрузить Google Chrome перед тестированием после внесения этого изменения.

...