将 angular 从 1.1 升级到 1.3 时出现未知提供程序 $routeProvider 的错误

Question

我尝试将 angular 1.1.X 升级到 1.3，但出现以下错误：

Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to: Error: [$injector:unpr] Unknown provider: $routeProvider http://errors.angularjs.org/1.3.20/$injector/unpr?p0=%24routeProvider at http://localhost/web/js/third-party/angular1.3.20.js:63:12 at http://localhost/web/js/third-party/angular1.3.20.js:4031:19 at getService (http://localhost/web/js/third-party/angular1.3.20.js:4178:39) at Object.invoke (http://localhost/web/js/third-party/angular1.3.20.js:4210:13) at runInvokeQueue (http://localhost/web/js/third-party/angular1.3.20.js:4125:35) at http://localhost/web/js/third-party/angular1.3.20.js:4134:11 at forEach (http://localhost/web/js/third-party/angular1.3.20.js:326:20) at loadModules (http://localhost/web/js/third-party/angular1.3.20.js:4115:5) at createInjector (http://localhost/web/js/third-party/angular1.3.20.js:4041:11) at doBootstrap (http://localhost/web/js/third-party/angular1.3.20.js:1455:20) http://errors.angularjs.org/1.3.20/$injector/modulerr?p0=app&p1=Error%3A%20…%3A%2F%2Flocalhost%2Fweb%2Fjs%2Fthird-party%2Fangular1.3.20.js%3A1455%3A20)

MainMenusCtrl.js

angular.module('app.MainMenusCtrl', [])
.controller('MainMenusCtrl', function($scope, $rootScope, SearchService, $location, $timeout, FormService, PropertyService){...}

app.js

    angular.module('app.controllers',['app.MainMenusCtrl',...]);
    angular.module('app.validators',[...]);
    angular.module('app.services',[...]);
    angular.module('app',         ['app.controllers','app.validators','app.services',..])
   .config(['$routeProvider', '$locationProvider',
    function($routeProvider, $locationProvider){

        $routeProvider.when(':formName',{
            template: '<div ng-include src="templateUrl"></div>',
            controller: 'RouteCtrl'
        });
        $routeProvider.when(':headName/:formName', {
            template: '<div ng-include src="templateUrl"></div>',
            controller: 'RouteCtrl'
        });
    }
]);

html:

    <script src="js/third-party/jquery-1.9.1.min.js"></script>
    <script src="js/third-party/angular1.3.20.js"></script>
    <script src="js/third-party/angular-route.js"></script>
    <script src="js/third-party/angular-cookies.min.js"></script>
    <script src="js/jquery.scrollTo.js" type="text/javascript"></script>
    <script src="js/third-party/keypress.js"></script>
    <script src="js/third-party/ng-upload.min.js"></script>
    <script src="js/third-party/jquery-ui.min.js"></script>
    <script src="js/third-party/jquery-ui-1.10.2.custom.min.js"></script>
    <script src="js/third-party/ui-calendar.js"></script>
    <script src="js/third-party/date.js"></script>
    <script src="js/third-party/fullcalendar.min.js"></script>              
    <script src="js/third-party/moment.min.js"></script>
    <script src="js/third-party/bootbox.min.js"></script>
    <script src="js/third-party/sortable.js"></script>
    <script src="js/third-party/ui-bootstrap-tpls-0.14.3.min.js"></script>
    <script src="js/third-party/jquery.simplecolorpicker.js"></script>

不知道哪里出了问题，如果有人能给我点个赞就好了。谢谢。

Answer 1

确保将 ngRoute 添加到使用它的模块的依赖项列表中。

   angular.module('app.controllers',['app.MainMenusCtrl',...]);
   angular.module('app.validators',[...]);
   angular.module('app.services',[...]);
   angular.module('app', ['ngRoute', 'app.controllers','app.validators','app.services',..])
   .config(['$routeProvider', '$locationProvider',
    function($routeProvider, $locationProvider){

        $routeProvider.when(':formName',{
            template: '<div ng-include src="templateUrl"></div>',
            controller: 'RouteCtrl'
        });
        $routeProvider.when(':headName/:formName', {
            template: '<div ng-include src="templateUrl"></div>',
            controller: 'RouteCtrl'
        });
    }
]);

将 angular 从 1.1 升级到 1.3 时出现未知提供程序 $routeProvider 的错误

Get an error of Unknown provider $routeProvider when upgrade angular form 1.1 to 1.3

angularjs

angular-routing