$injector:modulerr ：尝试运行我的应用程序时答案

【问题标题】：$injector:modulerr : when trying to run my application$injector:modulerr ：尝试运行我的应用程序时
【发布时间】：2017-11-18 18:34:05
【问题描述】：

我正在使用 Angular 编写我的第一个应用程序。但得到 $injector:modulerr 错误。我很困惑。谁能告诉我我在这里做错了什么？我已经使用 ng-app = "starApp" 进行了初始化。然后在 app.js 中初始化我的模块

我的 HTML 代码-

   <!DOCTYPE html>
   <html ng-app="starApp">
   <head>
   <meta charset="utf-8" />
   <title>MY DEMO</title>
   <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
   <link href="app-content/app.css" rel="stylesheet" />
   </head>
  <body ng-controller = "LoginController">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular-route.min.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>

<script src="app.js"></script>
<script src="app-services/authentication.service.js"></script>
<script src="app-services/flash.service.js"></script>

<!-- Real user service that uses an api -->
 <script src="app-services/user.service.js"></script>

<!-- Fake user service for demo that uses local storage -->
<script src="app-services/user.service.local-storage.js"></script>

<script src="home/home.controller.js"></script>
<script src="login/login.controller.js"></script>
<script src="register/register.controller.js"></script>

我的 config.js-

   'use strict';

   var starApp = angular.module("starApp", ['ngRoute', 'ngCookies']);
   // Main app config
   starApp.config([
    '$routeProvider',
    '$sceDelegateProvider',
    '$locationProvider',
    '$httpProvider',

    function($routeProvider, $sceDelegateProvider, $locationProvider,
            $httpProvider, $compileProvider) {
        $routeProvider.when('/', {
            controller : 'HomeController',
            templateUrl : 'home/home.view.html',
            controllerAs : 'vm'
        }).when('/login', {
            controller : 'LoginController',
            templateUrl : 'login/login.view.html',
            controllerAs : 'vm'
        })

        .when('/register', {
            controller : 'RegisterController',
            templateUrl : 'register/register.view.html',
            controllerAs : 'vm'
        })

        .otherwise({
            redirectTo : '/login'
        });
    }]);

我试图为我的登录页面放置业务逻辑的控制器-

      (function() {
'use strict';

angular.module('starApp').controller('LoginController', LoginController);

LoginController.$inject = ['$location', 'AuthenticationService',
        'FlashService'];
function LoginController($location, AuthenticationService, FlashService) {
    var vm = this;

    vm.login = login;

    (function initController() {
        // reset login status
        AuthenticationService.ClearCredentials();
    })();

    function login() {
        vm.dataLoading = true;
        AuthenticationService.Login(vm.username, vm.password, function(
                response) {
            if (response.success) {
                AuthenticationService.SetCredentials(vm.username,
                        vm.password);
                $location.path('/');
            } else {
                FlashService.Error(response.message);
                vm.dataLoading = false;
            }
        });
    };
}

 })();

【问题讨论】：

标签： javascript angularjs

【解决方案1】：

.config 中的注入参数似乎不匹配。函数中有 4 个字符串，但有 5 个参数。如果您没有在配置中使用$compileProvider，请将其作为参数删除，否则将其添加到字符串中

【讨论】：

【解决方案2】：

您是否在 html 中包含了 config.js。

【讨论】：