javascript - Angular Js 未捕获错误 : [$injector:modulerr] anonymous function

Question

我是使用 angular js 的新手，我就是找不到问题所在。它给出了这些错误:

Uncaught Error: [$injector:modulerr] <a href="http://errors.angularjs.org/1.4.9/" rel="noreferrer noopener nofollow">http://errors.angularjs.org/1.4.9/</a>$injector/modulerr?p0=rest&p1=Error%3A%20… ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.9%2Fangular.min.js%3A19%3A463)(anonymous function) @ angular.js:38(anonymous function) @ angular.js:4470n @ angular.js:341g @ angular.js:4431db @ angular.js:4356c @ angular.js:1677zc @ angular.js:1698ce @ angular.js:1592(anonymous function) @ angular.js:29652b @ angular.js:3069Of @ angular.js:3358Nf.d @ angular.js:3346

这是我在 Plnkr 中的代码

Answer 1

有很多错误:

1) 在 plunker 中引用 js 文件时，不要给 /controllers.js 而是给 controllers.js

2) 对于加载 js 文件，您指定了 type="app.js" 而不是 src="app.js"

<script src="controllers.js"></script>
<script src="services.js"></script>
<script src="app.js"></script>

3) 你忘记加载 ng-resource.js

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular-resource.min.js"></script>

4) 路由提供者的配置部分不正确。语法错误。

这是正确的:

rest.config(['$routeProvider', function ($routeProvider) {
        $routeProvider.when('/index', {templateUrl: 'index.html', controller: 'taskListCtrl'}).
        when('/account', {templateUrl: 'account.html', controller: 'accountListCtrl'});
        $routeProvider.otherwise({redirectTo: '/index'});
    }])

5) 在app.js

之前需要加载 controllers.js和 services.js

6) 你不能依赖不存在的模块，比如 rest.filters 和 rest.directives

var rest = angular.module('rest', ['ngRoute', 'rest.services','rest.controllers']);

这是更新后的插件:

http://plnkr.co/edit/hTCnNaXgCAKUUPCXrIT3?p=preview