AngularJS: Не удается загрузить файл angular.min.js

Я строю проект с использованием AngularJS. Мой HTML файл выглядит следующим образом:AngularJS: Не удается загрузить файл angular.min.js

<html lang="en"> 
    <head> 
    <link rel="stylesheet" href="css/styles.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
    <script src="app.js"></script> 

    </head> 

    <body> 
    .... 
    </body> 
</html>

Когда я загружаю файл HTML я получаю сообщение об ошибке в консоли:

net::ERR_FILE_NOT_FOUND and the console points to the line that imports the angular.min.js file.

Мой app.js файл:

var app = angular.module("flexbox", []); 

app.controller("aside-buttons-ctrl", [$scope, function($scope) { 
    $scope.buttons = ['Home', 'Workflow', 'Statistics', 'Calendar', 'Users', 'Settings']; 
}]);

Я проверил ссылка и она работает. В чем проблема?

источник

2016-12-21 CrazySynthax

Проверьте свой путь app.js. также поделитесь своим кодом app.js. –

@MichalPaszkiewicz, когда я говорю «строка, которая импортирует angular.min.js ...» Я имею в виду, что ошибка указывает на строку 5 в файле index.html, которая является номером строки: «

Похоже, вы получаете сообщение об ошибке при загрузке css/styles.css и app.js. Убедитесь, что app.js находится в том же каталоге, где находится index.html. А также «css/styles»

Вы получите эту ошибку, если браузеру не удалось загрузить файл. что-то вроде ниже.

Там не проблема с этим <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

источник

2016-12-21 13:23:22

-1

Изменить этот

app.controller("AsideButtonsCtrl", [$scope, function($scope) {

To:

app.controller("AsideButtonsCtrl", ['$scope', function($scope) {

попробовать этот

angular.module("flexbox", []) 
     .controller("aside-buttons-ctrl", ['$scope', function($scope){ 
      $scope.buttons = ['Home', 'Workflow', 'Statistics', 'Calendar', 'Users', 'Settings']; 
     }]);

Вы также можете использовать это.

 angular.module("flexbox", []) 
     .controller("aside-buttons-ctrl", function($scope){ 
      $scope.buttons = ['Home', 'Workflow', 'Statistics', 'Calendar', 'Users', 'Settings']; 
     });

источник

2016-12-21 13:28:33

Смежные вопросы