AngularJS: Uncaught Error: [$ injector: modulerr] при использовании обновленной версии angularJS

Я использовал более старую версию angularJS (1.1.4) для моего тестового проекта (хочу узнать angularJS). Когда я изменить angularJS версию сценария к последней, я получил эту ошибку:

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.8/$injector/modulerr?p0=contactsManager&p1=…ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.8%2Fangular.min.js%3A38%3A435)

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

UPDATE:

После удаления .min из angularJS.js я получил чистого сообщение об ошибке, так вот оно:

Error: [$injector:unpr] Unknown provider: $routeProvider 
http://errors.angularjs.org/1.3.8/$injector/unpr?p0=%24routeProvide

Здесь вы код:

JS:

//application.js 
var app = angular.module('contactsManager', []); 

app.config(function ($routeProvider) { 
    $routeProvider 
     .when('/contacts', 
      { 
       controller: 'ContactsController', 
       templateUrl: './application/templates/contacts.html' 
      }) 
     .when('/add-contact', 
      { 
       controller: 'ContactAddController', 
       templateUrl: './application/templates/addContact.html' 
      }) 
     .when('/edit-contact/:contactId', 
      { 
       controller: 'ContactEditController', 
       templateUrl: './application/templates/editContact.html' 
      }) 
     .when('/display-contact/:contactId', 
      { 
       controller: 'ContactDetailsController', 
       templateUrl: './application/templates/displayContact.html' 
      }) 
     .otherwise({ redirectTo: '/contacts' }); 
});

HTML:

<!DOCTYPE html> 
<html data-ng-app="contactsManager"> 
<head> 
    <title>Contacts</title> 
    <link href="css/bootstrap.min.css" rel="stylesheet" /> 
    <link href="css/custom.css" rel="stylesheet" /> 
</head> 
<body> 

    <div class="navbar navbar-top"> 
     <div class="navbar-inner"> 
      <div class="container"> 
       <h2>Contacts</h2> 
      </div> 
     </div> 
    </div> 

    <div ng-view class="example-animate-container" 
    ng-animate="{enter: 'example-enter', leave: 'example-leave'}"></div> 

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.7/angular-resource.min.js"></script> 

    <script src="application/application.js"></script> 
    <script src="application/controllers/controllers.js"></script> 
    <script src="application/services/contactsService.js"></script> 
</body> 
</html>

источник

2014-12-22 jureispro

В дальнейшем, удалите '.min' из пути сценария углового, чтобы получить лучшее сообщение об ошибке. –

@NewDev Спасибо за предложение. Я обновил свою тему. – jureispro

также data-ng-app = "contactsManager" в ng-app = "contactsManager" – sbaaaang

Новые версии угловому имеют ngRoute как отдельный модуль, который вы должны включить в свой проект.

<script src="//code.angularjs.org/X.Y.Z/angular-route.js"></script>

https://docs.angularjs.org/api/ngRoute

и обновить инициализации приложения с инъекцией ngRoute

var app = angular.module('contactsManager', ["ngRoute"]);

источник

2014-12-22 20:53:27 tymeJV

Я попробовал ваше решение и включил angular-route.js. Теперь я получил ошибку: Ошибка: [$ injector: unpr] Неизвестный поставщик: $ routeProvider – jureispro

Вам также нужно добавить зависимость 'ngRoute':' angular.module ('contactsManager', ['ngRoute']) ; ' –

@NewDev Мне нужно обновить application.js с кодом мира, который вы предложили? – jureispro

AngularJS: Uncaught Error: [$ injector: modulerr] при использовании обновленной версии angularJS

ответ

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