AngularJS : UI-router 警告：尝试加载 angular 不止一次

Question

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

  测试应用
  |_ 凉亭组件
  |_ 应用
     |_ 意见
     |_ index.html
     |_ 脚本
        |_ app.js

在app.js中：

angular
  .module('testApp', [
    'ngAnimate',
    'ngAria',
    'ngCookies',
    'ngMessages',
    'ngResource',
    'ui.router',
    'ngSanitize',
    'ngTouch'
  ])
  .config(['$stateProvider', '$urlRouterProvider', 函数($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise('/');
    $状态提供者
      .state('home',{
        url: '/',
        模板网址：'index.html'，
        控制器：'MainCtrl'
      })
   .
   .
   .

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

WARNING: Tried to load angular more than once

Answer 1

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

templateUrl: 'index.html'

所以我认为您希望它成为一个不同的模板。你在这里的内容导致索引 HTML 文件被加载到自身内部，包括 angular 脚本标签，导致该错误。

Answer 2

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

AngularJS : UI-router 警告：尝试加载 angular 不止一次

AngularJS : UI-router WARNING: Tried to load angular more than once

angularjs

angular-ui-router