警告:尝试多次加载角度当我包含JQuery时

【字号: 日期:2024-04-08浏览:18作者:雯心
(adsbygoogle = window.adsbygoogle || []).push({}); 如何解决警告:尝试多次加载角度当我包含JQuery时?

经过长时间的测试……最终是在我的index.html文件中,

<ui-view />

被Angular ui路由器使用并将其替换为此,就成功了。

<ui-view></ui-view>解决方法

我正在使用角度生成器构建一个yeoman应用程序。

我的index.html文件中包含的js库是:

<script src='https://www.6hehe.com/wenda/bower_components/jquery/dist/jquery.js'></script><script src='https://www.6hehe.com/wenda/bower_components/modernizr/modernizr.js'></script><script src='https://www.6hehe.com/wenda/bower_components/angular/angular.js'></script> <script src='https://www.6hehe.com/wenda/bower_components/angular-ui-router/release/angular-ui-router.js'></script><script src='https://www.6hehe.com/wenda/bower_components/d3/d3.js'></script><script src='https://www.6hehe.com/wenda/bower_components/select2/select2.js'></script><script src='https://www.6hehe.com/wenda/bower_components/angular-ui-select2/src/select2.js'></script>

仅当在jquery 之前 包含jquery时,才会出现此问题,如果在jquery 之后 ,则不会发生。

标题指出的问题是,我在控制台中收到 “警告:试图多次加载角度” ,应用无法初始化。

有人知道为什么会发生这种情况吗?

我只有一个ng-app,我只包含了一次angular …一切。它看起来与配置无关,因为更改脚本的位置可以解决该问题。

你们有什么线索吗?

有谁知道我是否能够配置为包括脚本顺序?当我使用angular-generator时,我已将usemin设置为包括bower脚本。我想知道是否有任何方法可以指定以哪种顺序包含脚本。

这是我的项目的bower.json文件:

{ 'name': '<name>','version': '0.0.0','dependencies': { 'angular': '1.2.15','json3': '~3.2.6','es5-shim': '~2.1.0','angular-ui-router': '~0.2.10','modernizr': '~2.8.1','d3': '~3.4.6','angular-ui-select2': '~0.0.5' },'devDependencies': { 'angular-mocks': '1.2.15','angular-scenario': '1.2.15' }}

我试图在Google中搜索时没有运气。提前致谢!

更新1:

我刚刚发现,如果以这种方式包含脚本,则不会两次包含angular,并且始终会首先加载它。

<!-- build:js scripts/vendor.js --> <script src='https://www.6hehe.com/wenda/bower_components/angular/angular.js'></script> <!-- bower:js --> <script src='https://www.6hehe.com/wenda/bower_components/jquery/dist/jquery.js'></script> <script src='https://www.6hehe.com/wenda/bower_components/modernizr/modernizr.js'></script> <script src='https://www.6hehe.com/wenda/bower_components/angular-ui-router/release/angular-ui-router.js'></script> <script src='https://www.6hehe.com/wenda/bower_components/d3/d3.js'></script> <script src='https://www.6hehe.com/wenda/bower_components/select2/select2.js'></script> <script src='https://www.6hehe.com/wenda/bower_components/angular-ui-select2/src/select2.js'></script> <!-- endbower -->

不是最好的解决方案,但至少现在是这样……无论如何,我想将一切都包含在bower:js标记内。

相关文章: