Angular错误[$injector:modulerr]实例化模块myApp失败

Angular error [$injector:modulerr] Failed to instantiate module myApp

本文关键字：实例化 模块 myApp 失败 modulerr 错误 injector Angular      更新时间：2023-09-26

我试图在Angular中第一次编码，我无法在我的页面上加载表达式，因为我得到错误[$injector:modulerr] Failed to instantiate module。我知道在stackoverflow上有很多类似的问题，但没有一个解决了我的问题。到app.js的链接没有断开。

HTML 

<!DOCTYPE html>
<html ng-app="store">
<head></head>
<body>
    <script type"text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular.js"></script>
    <script type="text/javscript" src="js/app.js"></script>
    <p>{{ "hello" + "there"}}</p>
</body>
</html>

app.js 

(function(){
    var app = angular.module('store', [ ]);
})();

我只是在我的电脑上本地尝试这个。谢谢!

您唯一的问题是代码中的错别字。

第一个脚本中缺少= (第5行)，第二个脚本中写的是javscript而不是javascript (第6行)

试试下面的代码

<!DOCTYPE html>
<html ng-app="store">
<head>
</head>
<body>
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular.js"></script>
  <script type="text/javascript">
    (function() {
      var app = angular.module('store', []);
    })();
  </script>
  <p>{{ "hello" + "there"}}</p>
</body>
</html>

希望有帮助!

相关文章：