我在我的SPA应用程序中使用Angular 1.6.3。我正在使用Grunt构建生产就绪的网站版本。
这是我的 gruntConfig 的一些代码:
ngAnnotate: {
dist: {
files: [{
expand: true,
cwd : '.tmp/concat/scripts',
src : '*.js',
dest : '.tmp/concat/scripts'
}]
}
}
===
grunt.registerTask('build', [
'clean:dist',
'wiredep',
'useminPrepare',
'concurrent:dist',
'autoprefixer',
'ngtemplates',
'concat',
'ngAnnotate',
'copy:dist',
'cdnify',
'cssmin',
'uglify',
'filerev',
'usemin',
'htmlmin'
]);
这是我的 index.html 文件:
...
<body ng-app="myApp"
class="ng-cloak">
<ng-include src="'views/navbar.html'"></ng-include>
<ng-view></ng-view>
...
<!-- build:js({.tmp,app}) scripts/scripts.js -->
// file, where I declare angular.module
<script src="app.module.js"></script>
<script src="app.config.js"></script>
<script src="controllers/main.js"></script>
在Google Chrome,FF,Opera,Safari中运行良好。但是当我尝试在IE9中加载它时,IE10会发生下一个错误:
[$injector:modulerr] Failed to instantiate module myApp due to:
[$injector:nomod] Module 'myApp' is not available! You either misspelled the module name or forgot to load it.