Javascript AngularJS路由错误_Javascript_Angularjs_Ngroute

Javascript AngularJS路由错误

javascript angularjs

Javascript AngularJS路由错误,javascript,angularjs,ngroute,Javascript,Angularjs,Ngroute,我正试图构建一个简单的“登录”应用程序，以便开始使用AngularJS，我将遵循一个指南。它提到我应该将“ngRoute”作为依赖项添加到我的应用程序中，我已经这样做了，并且我在代码中也包含了angular-route.js文件的CDN，但无论我尝试什么，我都会收到以下错误： angular.js:38Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.6.1/$injector/modulerr?p0=login

我正试图构建一个简单的“登录”应用程序，以便开始使用AngularJS，我将遵循一个指南。它提到我应该将“ngRoute”作为依赖项添加到我的应用程序中，我已经这样做了，并且我在代码中也包含了angular-route.js文件的CDN，但无论我尝试什么，我都会收到以下错误：

angular.js:38Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.6.1/$injector/modulerr?p0=loginApp&p1=Referen…googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.6.1%2Fangular.min.js%3A20%3A1)
at angular.js:38
at angular.js:4759
at q (angular.js:357)
at g (angular.js:4720)
at eb (angular.js:4642)
at c (angular.js:1838)
at Mc (angular.js:1859)
at pe (angular.js:1744)
at angular.js:32977
at HTMLDocument.b (angular.js:3314)

这是我的index.html：

<!DOCTYPE html>
<html>
<head>
<title>Login</title>
<meta charset="utf-8" />
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-route.js" type="text/javascript"></script>
<script src="script/app.js" type="text/javascript"></script>
<script src="script/controllers/controllers.js" type="text/javascript"></script>
<script src="script/service/services.js" type="text/javascript"></script>

<div ng-app="loginApp">
    <div ng-view></div>

    <script type="text/ng-template" id="loginView.html">
        <div>
            <input type="text" ng-model="username" /><br />
            <input type="password" ng-model="password" /><br />
            <input type="button" value="Submit" ng-click="submitCredentials()" /><br />
        </div>
    </script>

    <script type="text/ng-template" id="successView.html">
        <div>
            <p>
                Success! You logged in!
            </p>
        </div>
    </script>
</div>
</body>
</html>

我相信这就是所有相关的代码。如果还需要什么，请毫不犹豫地提出要求

编辑1

很抱歉，我忘记删除urlRouterProvider和state。现在很好用。谢谢大家。

暂时删除“严格使用”。模块错误也可能是由语法问题引起的，所以请确保您的代码是无林的。你确定你没有再次声明任何模块吗？这可能是常见的错误。我在错误发生后添加了“use strict”，所以不可能是这样。“不起毛”是什么意思？不，我不止一次声明过这个模块。lint free…意思是在IDE中或在线（如果您的IDE没有该功能）通过代码linter运行它

"use strict";

angular.module("loginApp", ['ngRoute'])
.run(function($state, LoginService) {
if(!LoginService.isAuthenticated()) {
    $state.transitionTo('login');
}
})
.config(['$routeProvider', function ($routeProvider) {
$urlRouterProvider.otherwise('/success');

$routeProvider.
when('/login', {
    templateUrl: 'loginView.html',
    controller: 'loginCtrl'
}).
when('/success', {
    templateUrl: 'successView.html',
    controller: 'successCtrl'
}).
otherwise({
    redirectTo: '/login'
});
}]);