Fatal编程技术网
  • javascript/
  • Javascript AngularJS ngRoute抛出未捕获错误：[$injector:modulerr]

Javascript AngularJS ngRoute抛出未捕获错误：[$injector:modulerr]

javascript angularjs

Javascript AngularJS ngRoute抛出未捕获错误：[$injector:modulerr],javascript,angularjs,Javascript,Angularjs,嗨，我开始使用angularjs v1.4.7和AngularRoute v1.5.0开发spa 我的项目中的结构是： - static -- js ---- libs ------ angular.min.js ------ angular-route.min.js ---- app.js - web -- views ----- ... my views ... -- index.html 我在浏览器控制台中遇到此错误： Uncaught Error: [$injector:module

嗨，我开始使用angularjs v1.4.7和AngularRoute v1.5.0开发spa

我的项目中的结构是：

- static
-- js
---- libs
------ angular.min.js
------ angular-route.min.js
---- app.js

- web
-- views
----- ... my views ...
-- index.html
我在浏览器控制台中遇到此错误：

Uncaught Error: [$injector:modulerr]
我的索引：

<!DOCTYPE html>

<html ng-app="app">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">

    <link rel="stylesheet" href="../static/bootstrap-3.3.5/css/bootstrap.min.css" />
    <link rel="stylesheet" href="../static/css/app.css" />

    <title>
        JM2
    </title>

    <script type="text/javascript" src="../static/js/libs/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="../static/bootstrap-3.3.5/js/bootstrap.min.js"></script>

    <script type="text/javascript" src="../static/js/libs/angular.min.js"></script>
    <script type="text/javascript" src="../static/js/libs/angular-route.min.js"></script>

    <script type="text/javascript" src="../static/js/app.js"></script>
</head>

<body>

    <nav class="navbar navbar-default">
        <div class="container-fluid">

            <div class="navbar-header">
                <button type="button" 
                    class="navbar-toggle collapsed"
                    data-toggle="collapse" 
                    data-target="#navbar"
                    aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span> 
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">
                    JM2
                </a>
            </div>

            <div class="collapse navbar-collapse"
                id="navbar">
                <ul class="nav navbar-nav">
                    <li role="presentation">
                        <a href="#">
                            Home
                        </a>
                    </li>
                    <li role="presentation">
                        <a href="#builds">
                            Builds
                        </a>
                    </li>
                </ul>

                <ul class="nav navbar-nav navbar-right">
                    <li role="presentation">
                        <a href="#admin">
                            Admin
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="container-fluid">
        <div ng-view></div>
    </div>
</body>

</html>
为什么我会有这个错误？我读了一些问题，你们说的都是角路径的导入问题，但我已经导入了

非常感谢您。

提到的依赖项不正确。您需要传递一个数组，其中依赖项的名称为字符串，函数为数组中的最后一个元素，依赖项的顺序相同

更改app.config（['$routeProvider']，函数（$routeProvider）{

到

app.config（['$routeProvider'，函数（$routeProvider）{
//^已删除]
...
...

}])；//提到的依赖项不正确。您需要传递一个数组，其中依赖项的名称为字符串，函数为数组中的最后一个元素，依赖项的顺序相同

更改app.config（['$routeProvider']，函数（$routeProvider）{

到

app.config（['$routeProvider'，函数（$routeProvider）{
//^已删除]
...
...

}])/@Arturo欢迎。很高兴helps@Arturo欢迎。很高兴帮助只是一个旁注，我建议您使用的AngularJS core版本与Angular的其他部分相同只是一个提示，使用ui路由器比ng路由器更好只是一个旁注，我建议您使用的AngularJS core版本与oAngular的其他部分只是一个提示，使用ui路由器代替它比ng路由器更好

var app = angular.module('app', ['ngRoute']);

app.config(['$routeProvider'], function($routeProvider) {

$routeProvider
    .when('/', {
        templateUrl: 'views/home.html',
        controller: 'homeController'
    })
    .when('/builds', {
        templateUrl: 'views/builds.html',
        controller: 'buildsController'
    })
    .when('/admin', {
        templateUrl: 'views/admin.html',
        controller: 'adminController'
    })
    .otherwise({
        redirectTo: '/'
    });

});

app.controller('homeController', function($scope) {

});

app.controller('buildsController', function($scope) {

});

app.controller('adminController', function($scope) {

});



app.config(['$routeProvider', function($routeProvider) {
//                          ^          Removed ]

...
...

}]); // <----- Add ] here