微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

未捕获的错误:[$injector:modulerr] ngAnimate AngularJS 1.2

我正在运行我的应用程序时遇到未捕获错误:[$injector:modulerr],据我所知,这个更新到1.2有几个功能不再是核心的一部分,我已经下载了角度-animage.js和所有其他外部依赖项,对于所有文件,版本是相同的AngularJS v1.2.0-rc.2

我还将依赖项添加到我的app.js中,如下所示:

'use strict';
angular.module('mseApp',['ui.bootstrap','ui.select2','facebook','ngCookies','ngAnimate','ngRoute']).config(//mode configurations here);

我的js参考:

<script src='@Url.Content("~/Scripts/angular.min.js")'> </script>
    <script src='@Url.Content("~/Scripts/angular-resource.min.js")'> </script>
    <script src='@Url.Content("~/Scripts/angular-route.min.js")'></script>
    <script src='@Url.Content("~/Scripts/angular-animate.min.js")'></script>
    <script src='@Url.Content("~/Scripts/ui-bootstrap-0.6.0.min.js")'></script>
    <script src='@Url.Content("~/Scripts/select2.js")' type="text/javascript"></script>
    <script src='@Url.Content("~/Scripts/angular-animate.min.js")'></script>
    <script src='@Url.Content("~/Scripts/angular-facebook.js")'></script>
    <script src='@Url.Content("~/Scripts/angular-cookies.min.js")'></script>

如果我删除ngAnimate依赖它就可以了……

编辑
This是plunker.

如果我将ng-route添加到引用它就会破坏应用程序.

解决方法

关于Plnkr,问题如下:

在angularjs-1.2.0-rc.2-animate-app.js中,您已按以下方式定义了模块:

var myApp = angular.module('mseApp',['ngRoute','ngAnimate']);

在您的HTML中,您已经引用了ng-app,如下所示:

<html ng-app="MyApp">

要让AngularJS选择您已定义的模块,您需要使用ng-app来引用您在JS中指定的模块名称.所以它实际上应该是:

<html ng-app="mseApp">

进行此更改可使您的应用程序正常运行

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐