Не удается найти, почему ngRoute не загружен: модуль 'ngRoute' недоступен

ребята.Не удается найти, почему ngRoute не загружен: модуль 'ngRoute' недоступен

Я знаю, что эта ошибка довольно старая, я уже нашел много ответов об этой проблеме, но я все еще не мог найти исправление.

I`m получаю следующее сообщение об ошибке:

angular.js: 68 Uncaught Ошибка: [$ Инжектор: modulerr] Не удалось создать экземпляр модуля MYAPP из-за: Error: [$ инжектором: modulerr] Не удалось экземпляр модуля ngRoute из-за: Ошибка: [$ инжектор: nomod] Модуль 'ngRoute' недоступен! Вы либо ошибочно написали имя модуля, либо забыли загрузить его. Если регистрация модуля гарантирует, что вы укажете зависимости в качестве второго аргумента.

index.html

<!DOCTYPE html> 

<html lang="en" ng-app="myApp" > 
    <head> 
     <meta charset="utf-8"> 
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.js"></script> 
     <script type="text/javascript" scr="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-route.js"></script> 
     <script type="text/javascript" src="js/app.js"></script> 
     <title>My test Website</title> 
     <meta name="author" content="me"> 
    </head> 

    <body ng-controller="ContentController"> 
     <ul class="main-nav" id="main-nav"> 
      <li><a href="#/"><i class="fa fa-home"></i>Home</li> 
      <li><a href="#nothing"><i class="fa fa-comment"></i>Portfolio</li> 
      <li><a href="#nothing"><i class="fa fa-comment"></i>Articles</li> 
      <li><a href="#nothing"><i class="fa fa-comment"></i>Books</li> 
     <li><a href="#about"><i class="fa fa-shield"></i>About Me</li> 
     </ul> 
     <p>Nothing here {{ 1 + 2}}</p> 

     <ng-view></ng-view> 
    </body> 


</html>

App.js

var websiteApp = angular.module('myApp', ['ngRoute']); 


    websiteApp.config( function($routeProvider) { 
    $routeProvider 
     .when('/main', { 
      templateUrl: '/views/main.html', 
      controller: 'MainController' 
     }) 
     .when('/about', { 
      templateUrl: '/views/about.html', 
      controller: 'AboutController' 
     }) 
     .otherwise({ 
      redirectTo: '/' 
     }); 
    }); 

    websiteApp.controller('ContentController', function ($scope) { 
     console.log("content controller loaded"); 
    }); 

    websiteApp.controller('MainController', function ($scope) { 
     console.log("main loaded"); 
    }); 

    websiteApp.controller('AboutController', function ($scope) { 
     console.log("about loaded"); 
    });

Я знаю, что может отсутствовать очень простой детали, но я проверил все ответы соответствующих вопросов на переполнение стека и Я не могу понять, как это исправить.

Я считаю, что подготовка скрипки не поможет вам, потому что проблема, похоже, связана с ссылкой на угловой маршрут.

Кроме того, у меня уже отключено кэширование в моем браузере.

Не могли бы вы мне помочь?

Спасибо!

источник

2016-04-29 Diego

у вас есть орфографическая ошибка в этой строке

<script type="text/javascript" scr="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-route.js"></script>

он не должен бр ОПЗ но SRC

источник

2016-04-29 02:30:19

Вы должны обновить свой сценарий тег

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-route.js"></script>

Кроме того, есть лучший и рекомендуемый способ объявления вашей конфигурации в config. Этот метод гарантирует, что ваш код будет соответствовать рекомендациям Angular.

websiteApp.config(['$routeProvider', '$httpProvider', function($routeProvider, $httpProvider) { 
    $routeProvider 
     .when('/main', { 
      templateUrl: '/views/main.html', 
      controller: 'MainController' 
     }) 
     .when('/about', { 
      templateUrl: '/views/about.html', 
      controller: 'AboutController' 
     }]) 
     .otherwise({ 
      redirectTo: '/' 
     }); 
    });

Надеюсь, это поможет.

источник

2016-04-29 03:05:42 AllJs

Не удается найти, почему ngRoute не загружен: модуль 'ngRoute' недоступен

ответ

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