繁体   English   中英

角度-未捕获的错误:[$ injector:modulerr]

[英]Angular - Uncaught Error: [$injector:modulerr]

我在Angular JS收到错误Uncaught Error: [$injector:modulerr]....时遇到问题Uncaught Error: [$injector:modulerr]....这是我的javascript和html代码..怎么了?

(function(){            

var app = angular.module('store', []);
app.controller('tes', function($scope) {

});

})();  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Angular</title>
</head>
<link rel="stylesheet" type="text/css" href="../bootstrap.css">
<script type="text/javascript" src="../angular.min.js"></script>

<body ng-app = 'store'>
    <div ng-controller="tes">
         <h1>{{ 4 + 4 }}</h1>
    </div>
</body>
</html>

我只是通过在新项目中复制粘贴来测试您的代码,并向angular js文件添加了正确的引用,它对我来说很好用。 您是否还有其他要加载的模块? 单击错误链接,您也许可以找出问题所在。 我认为您缺少对angular.min.js文件的正确引用

好吧,您可以将脚本标签挂在头部标签的外面和身体标签的前面。

修复如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Angular</title>
</head>

<body ng-app = 'store'>
    <div ng-controller="tes">
         <h1>{{ 4 + 4 }}</h1>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
    <script src="script.js"></script>
</body>
</html>

工作链接: http : //plnkr.co/edit/tLt22vN1mkGDWTNabq3J?p=preview

最可能的解释

  • 您尚未在html中定义模块“ store”(第一个代码块)的位置加载文件
  • 您的模块代码中有一个错误,因此angular无法正确解释它

还要修复ng-app属性:

<body ng-app="store">

请从顶部删除(function(){并删除})(); 从底部开始。 这不是一个jQuery,所以请删除它。

并且请检查../angular.min.js是否在正确的位置。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM