Error: [$injector:modulerr] Failed to instantiate module customerApp due to: Error: [$injector:unpr] Unknown provider: $routeProvider

Question

我收到错误 "Unknown provider: $routeProvider"，即使我有 ngRoute 作为依赖项并且已将 angular-route.js 包含在 HTML 文件中

var customerAppModule = angular.module("customerApp", ['ngRoute']);
customerAppModule.config(['$routeProvider',
    function ($routeProvider) {
        $routeProvider.
            when('/MainMenu', {
                templateUrl: 'Home/MainMenu.html',
                controller: 'CheckCtrl'
            }).
            when('/Index', {
                templateUrl: 'Home/Index.html',
                controller: 'MainCtrl'
            }).
            otherwise({
                redirectTo: '/MainMenu'
            });
    }]);

Answer 1

通常当 angular-route.js 由于某种原因未加载时会出现此错误。

所述项目的 angular 及其模块版本不匹配：

<script data-require="angular.js@1.4.0-beta.6" data-semver="1.4.0-beta.6" src="https://code.angularjs.org/1.4.0-beta.6/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.js"></script>

这可能会导致注入器故障，但也会产生其他错误。

Error: [$injector:modulerr] Failed to instantiate module customerApp due to: Error: [$injector:unpr] Unknown provider: $routeProvider

Error: [$injector:modulerr] Failed to instantiate module customerApp due to: Error: [$injector:unpr] Unknown provider: $routeProvider

angularjs

route-provider