Question

我是AngularJS的新手，并且遇到错误：[$ injector：modulerr]无法实例化模块ui.router 。此问题仅在 IE浏览器 中发生，并且在使用其他浏览器（例如Chrome，Firefox，Safari）时不会遇到任何问题。

请查看此link来查看错误屏幕截图。

这是我的代码：

HTML代码：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge, IE=11, chrome=1" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="icon" type="image/png" href="images/jkg-browser-logo-32@3x.ico">
        <title>Test</title>
        <base href="/" />
        <!-- angularjs -->
        <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.19/angular-ui-router.min.js"></script>
        <!-- bootstrap -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
        <!-- main links -->
        <link rel="stylesheet" type="text/css" href="sass/main.css">
        <script src="js/app.js"></script>
        <script src="js/controller/mainController.js"></script>
        <link rel="stylesheet" type="text/css" href="maintenance.css">
    </head>
    <body ng-app="app" ng-controller="mainController">
        <!--MAIN_CONTENT-->
        <main ui-view></main>
    </body>
</html>

app.js代码：

var app = angular.module('app', ['ui.router']);

app.config(['$locationProvider', '$stateProvider', '$urlRouterProvider', function($locationProvider, $stateProvider, $urlRouterProvider) {
    $urlRouterProvider
    .otherwise('/home');
    
    $stateProvider
    .state('home',{
        url: '/home',
        templateUrl: 'views/home.html'
    })
    .state('menu', {
        url:'/menu',
        templateUrl: 'views/menu.html'
    });
    
    $locationProvider.html5Mode(true);
}]);

有人可以帮我解决这个问题，并解释为什么会这样吗？预先感谢。

AngularJS错误：[$ injector：modulerr]无法实例化模块ui.router（仅在IE浏览器中）

0 个答案: