【问题标题】:Troubleshoot Grunt concat and Uglify in Sails pipelineSails 管道中的 Grunt concat 和 Uglify 疑难解答
【发布时间】:2016-04-01 13:47:50
【问题描述】:

我正在开发一个 Sails.js 应用程序,前端使用 angular 1.5x。最近我开始使用 textAngular,它在开发中运行良好,但是,由于某种原因在生产中运行,(我认为是问题)运行 grunt concat 和 uglify,因此最小化所有 js,我收到一个关于注入的 js 错误我的角度模块/应用程序。如果我删除对 textAngular 的所有引用,它将 concat/uglify 并在生产中正常运行。我想使用 textAngular,并且不相信这是每个​​脚本的问题。我应该如何解决这个问题?是否有任何 concat 或 uglify 选项可以帮助我查明或解决问题?

附加信息: 注入textAngular的角码:

    var sangularApp =  angular.module('sangularApp', ['datatables', 'textAngular']).
    config(function($provide) { // provider-injector
      $provide.decorator('taOptions', ['$delegate', function(taOptions) { // $delegate is the taOptions we are decorating
        taOptions.toolbar = [
            ['pre', 'bold', 'italics', 'underline', 'strikeThrough','ol','insertLink', 'insertImage','html']
        ];
        return taOptions;
      }]);
    });

这是我得到的错误(当我在生产中运行并且文件被缩小时:

    Error: [$injector:modulerr] http://errors.angularjs.org/1.5.0/$injector/modulerr?p0=sangularApp&p1=%5B%24injector%3Aunpr%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.5.0%2F%24injector%2Funpr%3Fp0%3Da%0Ad%2F%3C%40http%3A%2F%2Fcutupcode.com%2Fmin%2Fproduction.min.js%3A10%3A1797%0APa%2Fo.%24injector%3C%40http%3A%2F%2Fcutupcode.com%2Fmin%2Fproduction.min.js%3A10%3A20234%0Ad%40http%3A%2F%2Fcutupcode.com%2Fmin%2Fproduction.min.js%3A10%3A18987%0Ae%40http%3A%2F%2Fcutupcode.com%2Fmin%2Fproduction.min.js%3A10%3A19221%0Ak%2F%3C.invoke%40http%3A%2F%2Fcutupcode.com%2Fmin%2Fproduction.min.js%3A10%3A19311%0Ad%40http%3A%2F%2Fcutupcode.com%2Fmin%2Fproduction.min.js%3A10%3A18448%0Aj%2F%3C%40http%3A%2F%2Fcutupcode.com%2Fmin%2Fproduction.min.js%3A10%3A18580%0Af%40http%3A%2F%2Fcutupcode.com%2Fmin%2Fproduction.min.js%3A10%3A2243%0Aj%40http%3A%2F%2Fcutupcode.com%2Fmin%2Fproduction.min.js%3A10%3A18357%0APa%40http%3A%2F%2Fcutupcode.com%2Fmin%2Fproduction.min.js%3A10%3A20389%0A_%2Fg%40http%3A%2F%2Fcutupcode.com%2Fmin%2Fproduction.min.js%3A10%3A9026%0A_%40http%3A%2F%2Fcutupcode.com%2Fmin%2Fproduction.min.js%3A10%3A9329%0A%24%40http%3A%2F%2Fcutupcode.com%2Fmin%2Fproduction.min.js%3A10%3A8641%0A%40http%3A%2F%2Fcutupcode.com%2Fmin%2Fproduction.min.js%3A14%3A26564%0Afa.Callbacks%2Fj%40http%3A%2F%2Fcutupcode.com%2Fmin%2Fproduction.min.js%3A2%3A7154%0Afa.Callbacks%2Fk.fireWith%40http%3A%2F%2Fcutupcode.com%2Fmin%2Fproduction.min.js%3A2%3A7927%0A.ready%40http%3A%2F%2Fcutupcode.com%2Fmin%2Fproduction.min.js%3A2%3A9741%0Ag%40http%3A%2F%2Fcutupcode.com%2Fmin%2Fproduction.min.js%3A1%3A1606%0A

【问题讨论】:

    标签: gruntjs grunt-contrib-uglify grunt-contrib-concat


    【解决方案1】:

    如果没有一些调试信息或控制台错误,这是一个很难回答的问题。

    从您提到的内容来看,我的建议是回顾您的脚本并确保已包含 textAngular 的附加库,并且将库注入您的模块已正确完成。

    当库在没有应用这些工具的情况下正常工作时,缩小和连接通常不会对我造成任何问题。

    【讨论】:

    • 感谢您的建议。我添加了有关如何进行注入的代码,以及我得到的错误,我知道这很奇怪,但是该错误仅在我在生产中运行时才会发生,尽管我不是肯定的,但我怀疑根据指向的错误进行了缩小缩小的文件。
    • 我开始怀疑文件的顺序在 concat 和开发中有所不同,我将逐步完成,并尝试手动排序它们而不是使用命名文件夹(a , b, c) 这就是我现在正在做的,在开发中可以正确地对它们进行排序,但可能不是连接。
    • 缩小已经缩小的文件会导致问题吗?手动指定订单并没有解决任何问题。
    • 缩小已经缩小的文件绝对不会导致任何问题。
    猜你喜欢
    • 2013-06-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-28
    • 2018-11-27
    • 2018-09-06
    • 2014-08-29
    相关资源
    最近更新 更多