AngularJS 1.2.9 ngRoute «ошибка неизвестного провайдера $ routeProvider с requireJS

Я использую angularJS-1.2.9 и angular-route-1.2.9 для настройки маршрутов для своего приложения, я использую requireJS в качестве загрузчика зависимостей и модулирую код. Я добавил зависимость ngRoute в конфигурацию AngularJS, но по-прежнему получаю следующую ошибку в консоли Chrome Uncaught Error: [$injector:modulerr] Не удалось создать экземпляр модуля myApp из-за: Ошибка: [$injector:unpr] Unknown провайдер: $routeProvoider

Вот мой код

main.js

 require.config({
    baseUrl: './js',
    paths: {
        angular: 'libs/angular-1.2.9',
        angularRoute: 'libs/angular-route-1.2.9'
    },
    shim: {
        'angularRoute': {
            deps: ['angular'],
            exports: 'angularRoute'
        },
        'angular': {
            exports: 'angular'
        }
    }
});

require(['angular', 'angularRoute'], function (angular, angularRoute) {
    'use strict';

    var app = angular.module('myApp', ['ngRoute']);
    angular.element(document).ready(function () {
        angular.bootstrap(document, ['myApp']);
    });

    app.controller('indexController', function ($scope, $http) {
        console.log('inside index');
    });
    app.config(
        function ($routeProvoider) {
            $routeProvider.
            when('/', {
                templateUrl: 'index_content.html',
                controller: 'indexController'
            })
        });
});

Вот мои html файлы

index.html

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
        <meta charset="utf-8">
        <script data-main="js/main.js" src="js/libs/require.js"></script>
    </head>
    <body>
        <div ng-view>

        </div>
    </body>
</html>

index_content.html

<p>inside Index content</p>
<h1>testing the ang routes

В чем тут дело?? Почему он все еще выдает вышеупомянутую ошибку ?? Как это исправить??


javascript angularjs requirejs angular-routing
person Karthic Rao    schedule 22.07.2014    source источник
comment
Это ошибка опечатки. Вы указали routeProvoider, измените его на routeProvider   -  person BKM    schedule 22.07.2014
comment
блин!!Да, очень глупая ошибка!! Спасибо @BKM ..   -  person Karthic Rao    schedule 22.07.2014

Ответы (2)


arrow_upward
3
arrow_downward

В коде $routeProvider есть опечатка, которую я исправил и разместил код ниже:

Фрагмент кода:

require(['angular', 'angularRoute'], function (angular, angularRoute) {
'use strict';

var app = angular.module('myApp', ['ngRoute']);
angular.element(document).ready(function () {
    angular.bootstrap(document, ['myApp']);
});

app.controller('indexController', function ($scope, $http) {
    console.log('inside index');
});
app.config(
    function ($routeProvider) { //One typo here
        $routeProvider.
        when('/', {
            templateUrl: 'index_content.html',
            controller: 'indexController'
        })
    });
});
person V31    schedule 22.07.2014

arrow_upward

arrow_downward

person    schedule
comment
Может ли ошибка возникнуть, если путь URL-адреса неверен? - person Pax Obi; 09.03.2017