Угловой, не может создать экземпляр модуля: Uncaught Ошибка: [$ injector: modulerr]

Question

Угловой, не может создать экземпляр модуля: Uncaught Ошибка: [$ injector: modulerr]

0

Я продолжаю получать это исключение в консоли:

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.5/$injector/modulerr?p0=mainApp&p1=Error%3A…at%20g%20(http%3A%2F%2Flocalhost%2Fcinema%2Fjs%2Fangular.min.js%3A39%3A222)

........ angular.min.js:6

И html файл:

<!DOCTYPE HTML>
<html ng-app="mainApp">
<head>
<title>This cinema...</title>
<!-- ... other tags -->
<script src="js/angular.min.js"></script>
<script>
var mainApp = angular.module('mainApp', []);

mainApp.config(function ($routeProvider) {

});
</script>
<!-- REST of the HTML body, but no angular used below -->

Если я удалю mainApp.config(func.... тогда он работает. Я не знаю, как настроить маршруты. Пустая функция с поставщиком маршрутов генерирует исключение?

Zbarcea Christian 02 июнь 2016, в 21:09

Источник

0

Вы не включили angular-routing.js скрипт angular-routing.js и не ngRoute в свой модуль mainApp .
Lex 02 июнь 2016, в 18:35

Теги:

javascript

angularjs

exception

3 ответа

Ещё вопросы

Вы не включили angular-routing.js скрипт angular-routing.js и не ngRoute в свой модуль mainApp .

Alec Kravets · Answer 1 · 2016-06-02T17-02-00.000Z

Согласно документации:

$ routeProvider требует ngRoute модуля ngRoute.

Итак, вы должны включить следующий скрипт в свой html:

<script src="js/angular-route.min.js"></script>

и добавьте зависимость к определению вашего модуля:

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

Я включил JS-файл angular-route, теперь он работает. Проблема все еще сохраняется, если я перенесу свой пользовательский код JavaScript в другой файл js и включу его в файл html: <script src = "js / angular.min.js"> </ script> <script src = "js / angular- route.min.js "> </ script> <script src =" js / main.js "> </ script> Файл« js / main.js »содержит код в моем исходном посте.
@ZbarceaChristian, не забудьте иметь зависимость от 'ngRoute', указанного в определении вашего модуля. Вот рабочая демка Plnkr

Chris Story · Answer 2 · 2016-06-02T16-19-00.000Z

$routeProvider требует отдельный угловой модуль ngRoute. Загрузите angular-route.js, добавьте его на страницу и введите в метод угловой.module

<!DOCTYPE HTML>
<html ng-app="mainApp">
<head>
<title>This cinema...</title>
<!-- ... other tags -->
<script src="js/angular.min.js"></script>
<script src="js/angular-route.min.js"></script>
<script>
var mainApp = angular.module('mainApp', ['ngRoute']);

mainApp.config(function ($routeProvider) {

});
</script>
<!-- REST of the HTML body, but no angular used below -->

Cauê Alves · Answer 3 · 2016-06-02T16-10-00.000Z

Вы можете попытаться использовать $routeProvider без модуля ngRoute.

См. Документацию: https://docs.angularjs.org/api/ngRoute/provider/$routeProvider

Попробуй это:

<!DOCTYPE HTML>
<html ng-app="mainApp">
<head>
<title>This cinema...</title>
<!-- ... other tags -->
<script src="js/angular.min.js"></script>
<script src="js/angular-route.min.js"></script>
<script>
var mainApp = angular.module('mainApp', ['ngRoute']);

mainApp.config(function ($routeProvider) {

});
</script>
<!-- REST of the HTML body, but no angular used below -->