Question

我正在关注phoneCat教程[https://docs.angularjs.org/tutorial/]并决定创建一个类似的结构化应用程序。但是当我尝试包含我创建的模块时，我一直得到$ injector：modulerr错误。 files are arranged like this

我启动应用程序的方式是使用命令http-server ... \ app的npm package http-sever。

我注意到的另一件事是，如果我直接使用http-server命令（而不是教程中建议的npm start）来启动应用程序文件夹中的应用程序，它也会给我错误消息。我现在对此很困惑。

这是我的app.module.js

'use strict';

angular.module('dota2Hero', [
  'ngRoute',
  'core'
]);

如果我删除核心＆＃39;从依赖数组中，代码编译。

这是我的index.html

<!doctype html>
<html lang="en" ng-app="dota2Hero">

<head>
    <meta charset="utf-8">
    <title>Dota2 Database</title>

    <script src="//code.angularjs.org/1.6.1/angular.min.js"></script>
    <script src="//code.angularjs.org/1.6.1/angular-route.min.js"></script>
    <script src="core/hero/hero.module.js"></script>
    <script src="core/core.module.js"></script>  
    <script src="app.module.js"></script>
    <script src="core/hero/hero.service.js"></script>
    <script src="app.config.js"></script>
</head>

<body>

    <div ng-view></div>

</body>

</html>

和我的core.module.js

'use strict';


angular.module('core',['core.hero']);

Answer 1

您需要更改加载引用的顺序，在加载app.module.js之前加载core.module.js

Closable

继续在AngularJS中获得[$ injector：modulerr]错误

1 个答案: