为什么AngularJS不能使用多个延迟脚本？

Question

我的HTML底部有以下内容:

<script defer="defer" src="http://localhost:8080/bower_components/jquery/dist/jquery.min.js"></script>
<script defer="defer" src="http://localhost:8080/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script defer="defer" src="http://localhost:8080/apps/promotion/active.js">
    // "Gulped" angular, ngAnimate, ui.bootstrap, and my angular app; in that order.
</script>
</body>
</html>

在随机时间,刷新页面时会出现此错误:

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.4.9/$injector/modulerr?p0=activePromos&p1=Err…20(http%3A%2F%2Flocalhost%3A8080%2Fapps%2Fpromotion%2Factive.js%3A1%3A7124)

有时它会连续多次刷新,有时它会连续多次刷新.尽管如此,有时候我会收到错误并且它会变得很烦人.

我发现如下:如果我删除jquery和bootstrap脚本,以便我只有一个script(active.js)与defer属性,它总是有效.我试图在页面完成加载后按指定的顺序加载脚本.

我应该以不同的方式做这件事(requirejs？)？我假设使用defer并按顺序放置脚本会有所帮助,因为我之前已经完成了,但没有使用AngularJS.我主要是试图利用浏览器的并行下载而不是拥有一个巨大的JS文件,因为该页面只有1个图像和2个CSS文件.

Answer 1

在加载所有必需的JavaScript文件之前,角度应用程序将无法正确初始化.

由于您要推迟加载这些文件,因此需要等到所有文件都加载完毕,然后使用AngularJS的引导函数手动初始化应用程序.