AngularJS 1.2.9 ngRoute“ requireJS的未知提供程序$ routeProvider错误

Karthic Rao 发表于 Dev

卡尔提克·饶

我正在使用angularJS-1.2.9和angular-route-1.2.9为我的应用程序设置路由，我正在使用requireJS作为依赖项加载程序并对代码进行模块化。我已将ngRoute依赖项添加到AngularJS配置中，但仍然在chrome控制台中收到以下错误未捕获的错误：[$ injector：modulerr]由于以下原因而无法实例化模块myApp：Error：[$ injector：unpr]未知的提供程序：$ 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

这是什么问题？为什么仍然放弃上述错误？如何解决这个问题？

V31

我更正的代码中的$ 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'
        })
    });
});