AngularJS:骨架应用程序上的注入器模块rr错误

AngularJS: Injector modulerr error on skeleton application

本文关键字：注入器 模块 rr 错误 程序上 应用程序 应用 AngularJS      更新时间：2023-09-26

我有一个非常基本的AngularJS应用程序，我正在尝试从中解决以下错误：

未捕获的错误： [$injector：模块rr] http://errors.angularjs.org/1.4.9/$injector/modulerr?p0=HelloWorld&p1=Error...ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.9%2Fangular.min.js%3A19%3A463(

我找到的所有在线参考都以某种方式纠正了ng-app的不当使用，但是我发现我的代码与原版一样接近并且尽可能正确。

因此，由于这是一个基本问题，我似乎找不到解决方案，任何人都可以启发我明显的错误吗？

JavaScript

var myApp = angular.module("HelloWorld", []);
myApp.controller("mainController", function($scope){
    console.log($scope);
});

.HTML

<!DOCTYPE html>
<html lang="en-us" ng-app="HelloWorld">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Hello World with AngularJS!</title>
</head>
<body>
    <div ng-controller="mainController">
        Hello world!
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
</body>
</html>

例如，如果您尝试在 plunkr 中制作此示例，请不要忘记引用您的脚本文件，script.js .

查看此处。

我添加了<script src="script.js"></script>.没有它，我会得到您描述的确切错误。基本上 Angular 找不到 ng-app="HelloWorld" 应用程序的相应模块声明。

因此，不要忘记包含您的实际应用程序JS，其中包含angular.module部分。

您会收到此错误，因为您在导入 Angular 之前使用的是 ng 功能，并且没有导入初始化应用程序模块的文件。

如下所示：

.HTML： 

<!DOCTYPE html>
 <html lang="en-us" ng-app="HelloWorld">
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js">
    </script>
    <script type="text/javascript" src="app.js"></script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Hello World with AngularJS!</title>
  </head>
  <body>
   <div ng-controller="mainController">
       Hello world!
   </div>
  </body>
 </html>

应用.js：

var myApp = angular.module("HelloWorld", []);
myApp.controller("mainController", function($scope){
    console.log($scope);
});

我希望我对您有所帮助。

相关文章：