Javascript 延迟加载时出现模块错误
我正试图通过阅读此文件来延迟加载文件。 但无法实施。我在firebug中得到一个“模块错误”错误 以下是我的项目结构:Javascript 延迟加载时出现模块错误,javascript,angularjs,Javascript,Angularjs,我正试图通过阅读此文件来延迟加载文件。 但无法实施。我在firebug中得到一个“模块错误”错误 以下是我的项目结构: root |----app |----script.js |----app.js |----appBootstrap.js |----login |----login.html |----login.js |----vendor |----angular.min.js
root
|----app
|----script.js
|----app.js
|----appBootstrap.js
|----login
|----login.html
|----login.js
|----vendor
|----angular.min.js
|----angular-route.min.js
|----index.html
index.html代码:
<!DOCTYPE HTML>
<html ng-app="myApp">
<head>
</head>
<body ng-view="">
<!-- javascript files-->
<script type="text/javascript" rel="javascript" src="app/vendor/angular.min.js"></script>
<script type="text/javascript" rel="javascript" src="app/vendor/angular-route.min.js"></script>
<script type="text/javascript" rel="javascript" src="app/script.js"></script>
<script type="text/javascript" rel="javascript" src="app/appBootstrap.js"></script>
</body>
</html>
appBootstrap.js代码:
$script(['app.js'], function()
{
angular.bootstrap(document, ['myApp'])
});
当我尝试在浏览器中加载根文件夹时,出现以下错误
Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.2.13/$injector/modulerr?p0=myApp&p1=Error%3A%…calsearch_new%2Fbranches%2Fb1.0%2Fapp%2Fvendor%2Fangular.min.js%3A32%3A232)
有人能解释一下我做错了什么吗
更新1:根据@kartikluke的建议,添加了ngRoute文件(angular route.min.js),但仍然显示相同的错误,但现在出现了两次好吧,我按照错误中的链接进行了操作
Module Error
error
Description
This error occurs when a module fails to load due to some exception. The error message above should provide additional context.
在AngularJS 1.2.0及更高版本中,ngRoute已移动到自己的模块中。如果升级到1.2.x后出现此错误,请确保已安装ngRoute。
加
好吧,看来这不是一条路线
如果您不确定缺少哪个模块,请使用未缩小的angular.js,它会给出一条可读的错误消息:“错误:[$injector:nomod]模块'ngRoute'不可用!您可能拼错了模块名称或忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数。”
`
好的,我查看了您的代码,发现在替换为未统一的代码并将app.js添加到脚本之后,我发现模块$compileProvider没有被注入
myApp.config(函数($routeProvider、$controllerProvider、$filterProvider、$provide、$compileProvider)
最后非常简单。使用cdn,未精简的代码将为您提供正确的错误。尝试添加ngRoute文件,但仍然提供相同的错误使用Angular的非精简版本,它将为您提供可读的错误。很抱歉,在使用non-minified后也没有获得任何可读的错误,错误持久性删除=“”从ng视图属性。我已经在这里上传了我的项目文件夹。你能下载并检查一下你是否介意吗
Module Error
error
Description
This error occurs when a module fails to load due to some exception. The error message above should provide additional context.
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js"></script>
<script type="text/javascript" rel="javascript" src="app/vendor/angular-route.js"></script>
<script type="text/javascript" rel="javascript" src="app/app.js"></script>
<script type="text/javascript" rel="javascript" src="app/script.js"></script>
<script type="text/javascript" rel="javascript" src="app/appBootstrap.js"></script>`