gpt4 book ai didi

javascript - $喷油器 :modulerr error in IE 11 Using AngularJS

转载 作者:搜寻专家 更新时间:2023-10-31 08:52:35 26 4
gpt4 key购买 nike

我开发了一个 AngularJS 应用程序,它可以在 Firefox、Opera、Safari、Edge 和 Chrome 上运行,但不能在 IE 11 上运行。

这是我在 IE 11 中打开应用程序时收到的具体错误消息:

[$injector:modulerr] Failed to instantiate module TicketSystemApp due to: Error: [$injector:modulerr] Failed to instantiate module TicketSystemControllers due to: Error: [$injector:nomod] Module 'TicketSystemControllers' is not available! You either misspelled the module name or forgot to load it.

我的模块应用似乎没有加载。

这是我的整个脚本加载:

  <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<!-- Angular js -->
<script src= "js/angular.min.js"></script>
<script src="https://code.angularjs.org/1.5.0/angular-route.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-animate.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-aria.min.js"></script>
<!-- Angular Material Library -->
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.7/angular-material.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-messages.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src = "js/ui-bootstrap-tpls-1.2.1.js"></script>
<script src="bower_components/angular-bootstrap-lightbox/dist/angular-bootstrap-lightbox.js"></script>
<script src="js/angular-ui-router.js"></script>
<script src="js/md-data-table.min.js"></script>
<script src="js/toArrayFilter.js"></script>
<!-- auto-scroll module -->
<script src="bower_components/angular-scroll-glue/src/scrollglue.js"></script>

<script src = "js/app.js"></script>
<!-- Controllers -->
<script src = "js/controllers.js"></script>
<script src ="js/globalFunctions.js"></script>
<!-- Custom File Upload Angular -->
<script src="js/ng-file-upload-shim.min.js"></script> <!-- for no html5 browsers support -->
<script src="js/ng-file-upload.min.js"></script>
<!-- FACTORY -->
<script src = "js/authInterceptor.js"></script>


<!-- Services -->
<script src="js/auth.js"></script>
<script src="js/session.js"></script>

<!-- loading bar -->
<script src="bower_components/angular-loading-bar/build/loading-bar.min.js"></script>

我把这个作为我的 html 标签:

<html lang="en" ng-app="TicketSystemApp" xmlns:ng="http://angularjs.org" class="ng-app:TicketSystemApp" id="ng-app">

我的 head 标签中确实有这个:

  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

我尝试过手动引导,但我只收到两次相同的错误消息。

这是我的 app.js(只是初始化):

    var TicketSystemApp = angular.module('TicketSystemApp',[
'ngRoute',
'TicketSystemControllers',
'angular-loading-bar',
'ngAnimate',
'ui.router',
'ui.bootstrap',
'ngMaterial',
'md.data.table',
'angular-toArrayFilter'
]);

这是我的 controller.js(只是初始化)。我用这个模块来包含所有 Controller :

var TicketSystemControllers = angular.module('TicketSystemControllers',[
'ngRoute',
'ui.router',
'ui.bootstrap',
'angular-loading-bar',
'ngAnimate',
'ngMaterial',
'ngMessages',
'ngFileUpload',
'md.data.table',
'bootstrapLightbox',
'luegg.directives'

]);

最佳答案

Kenta,看起来您实际上根本没有在创建 Controller 。你所做的是创建两个模块,这是你的意图吗?如果是这样,那很好,但您需要重新调整脚本并确保清除缓存。 IE 11 有一个严重的缓存问题。你的脚本应该这样排序

<script src = "js/controllers.js"></script>
<script src = "js/app.js"></script>

我还注意到您有一个全局函数文件。如果您在其他两个文件中有任何引用它的内容,那么该文件应该是第一个。我建议像这样设置您的脚本。

<script src= "js/angular.min.js"></script>
<script src="https://code.angularjs.org/1.5.0/angular-route.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-animate.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-aria.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.7/angular-material.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-messages.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src = "js/ui-bootstrap-tpls-1.2.1.js"></script>
<script src="bower_components/angular-bootstrap-lightbox/dist/angular-bootstrap-lightbox.js"></script>
<script src="js/angular-ui-router.js"></script>
<script src="js/md-data-table.min.js"></script>
<script src="js/toArrayFilter.js"></script>
<script src="bower_components/angular-scroll-glue/src/scrollglue.js"></script>
<script src="js/ng-file-upload-shim.min.js"></script> <!-- for no html5 browsers support -->
<script src="js/ng-file-upload.min.js"></script>
<script src="bower_components/angular-loading-bar/build/loading-bar.min.js"></script>


<script src = "js/controllers.js"></script>
<script src = "js/app.js"></script>
<script src ="js/globalFunctions.js"></script>
<script src="js/auth.js"></script>
<script src="js/session.js"></script>
<script src = "js/authInterceptor.js"></script>

除非我看到您所有的 JS,否则我不知道这是否是确切的顺序,但我认为这非常接近。通常,您希望您创建的所有文件都以正确的顺序位于您的底部,所有 vendor/第 3 方文件都以正确的顺序位于顶部。

关于javascript - $喷油器 :modulerr error in IE 11 Using AngularJS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37617530/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com