Angularjs未捕获错误:[$injector:modulerr]

Angularjs未捕获错误:[$injector:modulerr],angularjs,Angularjs,我收到未捕获错误:[$injector:modulerr]错误 文件夹的结构是: AngularJS |---- index.html |---- notelist.html |---- index.js 此外,我添加了外部链接:angular-route.min.js,但仍然收到错误消息。有什么想法吗?提前谢谢 代码如下: Index.html <!doctype html> <html ng-app="noteApp"> <head>

我收到未捕获错误:[$injector:modulerr]错误

文件夹的结构是:

AngularJS  
 |---- index.html
 |---- notelist.html
 |---- index.js  
此外,我添加了外部链接:angular-route.min.js,但仍然收到错误消息。有什么想法吗?提前谢谢

代码如下:

Index.html

<!doctype html>
<html ng-app="noteApp">
  <head>
    <title>Angular - My Notes</title>
    <style type="text/css">
        input.blockInput {
          display: block;
        }
    </style>
  </head>

  <body>
    <h1>My Notes</h1>
    <div ng-controller="Note">
      <div ng-view></div>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular-route.min.js"></script>
    <script src="index.js"></script>

  </body>
</html>
常春藤

我已经创建了一个plunker,您的代码运行良好

我在routeProvider中添加的一件事是另一件事

这也适用于您,但这是一个很好的做法

$routeProvider.otherwise({
    redirectTo: '/'
      });


如果有任何问题,请告诉我。

在控制器定义之后,添加:

.run();

无论何时使用
.config
,都必须调用run或bootstrap

如果您需要异步依赖项,您可以做的另一件事是添加到html的顶部:

window.name = 'NG_DEFER_BOOTSTRAP!'
然后,不要跑,而是打电话

angular.bootstrap(document, ['noteApp']);
异步加载完成后,调用:

angular.resumeBootstrap();

这些都有文档记录,但是在angular文档的更新版本中,似乎无法轻松访问
run()
vs auto bootstrapping文档。我最近不得不推迟chrome扩展的引导,它实际上解决了我在条件重定向中遇到的一些闪烁问题。

控制台中的完整错误跟踪是什么?通常,你会给每条路由分配自己的控制器,所以我想知道这是否与此有关。特别是对于大型应用程序,“给每条路由分配自己的控制器”的含义是什么,当你定义路由(when()块)时,你会说templateUrl:sometemplate.html,controller:ControllerforhissSpecificView这很奇怪。我检查了你的plunk,它运行正常,但在我的plunk中,我也出现了同样的错误,直到我添加了
.run()
。谢谢!但是当单击sumbit时,json消息不会更新Hanks!但是当单击sumbit时,json消息不会在plunker上更新?submit按钮显示json,但angular提供了双向绑定,因此所有输入或添加注释都会立即显示。
angular.bootstrap(document, ['noteApp']);
angular.resumeBootstrap();