AngularJS：UI-router 警告：尝试多次加载 Angular

Posted 2023-02-22

【中文标题】AngularJS：UI-router 警告：尝试多次加载 Angular

【英文标题】：AngularJS : UI-router WARNING: Tried to load angular more than once

【发布时间】：2015-05-18 05:50:52

【问题描述】：

我尝试在我的网络应用程序中使用 angular ui-router，但我遇到了问题。 这是应用程序目录：

测试应用 |_ 凉亭组件 |_ 应用 |_ 观看次数 |_ 索引.html |_ 脚本 |_ 应用程序.js

在app.js:

有角度的 .module('testApp', [ 'ngAnimate', 'ngAria', 'ngCookies', 'ngMessages', 'ngResource', 'ui.router', 'ngSanitize', 'ngTouch' ]) .config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) $urlRouterProvider.otherwise('/'); $stateProvider .state('家', 网址：'/'， 模板网址：'index.html'， 控制器：'MainCtrl' ) . . .

但是当我运行应用程序时，我在控制台上收到此错误：

WARNING: Tried to load angular more than once

【问题讨论】：

您希望您的模板是部分而不是索引。

对不起，我听不懂你在说什么！

你想要 - templateUrl: 'home.html'

【参考方案1】：

您的网络服务器加载 index.html 文件，但随后您在视图中再次加载它

templateUrl: 'index.html'

所以我认为您打算将其用作不同的模板。您在此处的内容会导致索引 HTML 文件在其内部加载，包括角度脚本标签，从而导致该错误。

【参考方案2】：

使用 reqire('./path/angular.min.js') 将解决与多次加载相关的任何问题。