AWS生产Django应用程序中的JS静态文件问题

Question

我遇到了一个奇怪的问题，在AWS中部署应用程序时，没有定义角，但在本地，我的角代码或javascript代码中没有问题。

更新：

我的静态文件(JS、CSS、图片等)都生活在一个S3静态文件桶中。检索这些文件没有问题，但似乎突然间部署了几个月的工作提交才开始在加载静态文件时引发JS问题。

下面是我的基本模板中的JS文件：

{% compress js %}
    <script src="{{STATIC_URL}}shared/stacktrace-js/dist/stacktrace.js"></script>
    <script src="{{STATIC_URL}}shared/jquery/2.1.1/jquery.min.js"></script>
    <script src="{{STATIC_URL}}shared/jquery-growl/1.2.3/jquery.growl.js"></script>
    <script src="{{STATIC_URL}}shared/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
    <script src="{{STATIC_URL}}ckeditor/ckeditor-init.js"></script>
    <script src="{{STATIC_URL}}shared/ckeditor-custom/ckeditor-custom.js"></script>
    <script src="{{STATIC_URL}}shared/bootstrap/3.3.5/dist/js/bootstrap.min.js"></script>
    <script src="{{STATIC_URL}}shared/utils.js"></script>
    <script src="{{STATIC_URL}}shared/angular/1.3.11/angular.min.js"></script>
    <script src="{{STATIC_URL}}shared/angular/1.3.11/angular-route.min.js"></script>
    <script src="{{STATIC_URL}}shared/angular/1.3.11/angular-cookies.min.js"></script>
    <script src="{{STATIC_URL}}shared/angular-bootstrap/0.11.0/ui-bootstrap-tpls-0.11.0.min.js"></script>
    <script src="{{STATIC_URL}}shared/bootstrap-multiselect/bootstrap-multiselect.js"></script>
    <script src="{{STATIC_URL}}shared/introjs/intro.js"></script>
    <script type="text/django" src="{{STATIC_URL}}shared/ch-error-logging.js"></script>
    <script type="text/django" src="{{STATIC_URL}}shared/ch-config.js"></script>
    <script src="{{STATIC_URL}}shared/angulartics/dist/angulartics.min.js"></script>
    <script src="{{STATIC_URL}}shared/angulartics-segment/dist/angulartics-segment.min.js"></script>
    <script src="{{STATIC_URL}}shared/chart.js/dist/Chart.min.js"></script>
    <script src="{{STATIC_URL}}shared/select2/dist/js/select2.min.js"></script>
    <script src="{{STATIC_URL}}shared/angular-chart.js/dist/angular-chart.js"></script>
    <script src="{{STATIC_URL}}shared/jquery-validation/dist/jquery.validate.min.js"></script>
    <script type="text/django" src="{{STATIC_URL}}shared/ch-track.js"></script>
    <script type="text/django" src="{{STATIC_URL}}shared/ch-file.js"></script>
    <script src="{{STATIC_URL}}shared/offline.js"></script>
    {% endcompress %}

如果我在压缩块内或外部将jquery.min.js更改为jquery.js，那么其他JS文件就会引发语法问题。通常Chrome控制台中的错误是

意料之外的标记

在Firefox中，错误显示

SyntaxError:函数语句需要一个名称

Answer 1

这个post帮助我找出了哪些JS文件导致压缩JS错误。基本上，我在指令/控制器的构造上有问题，通过使用ng严格-di，我发现了所有这些问题。

来自AngularJS ngApp文档。https://docs.angularjs.org/api/ng/directive/ngApp

ngStrictDi (可选)布尔如果该属性存在于app元素中，则注入器将以“严格-di”模式创建。这意味着应用程序将无法调用不使用显式函数注释的函数(因此不适合小型化)，正如依赖注入指南中所描述的那样，有用的调试信息将有助于跟踪这些bug的根源。