0

这是昨天才开始发生的事情,让我很头疼。

作为我为arcade.ly构建的一部分,我有一个check-scripts任务可以剥离调试代码并在我的所有 JavaScript 上运行jshint

gulp.task('check-scripts', function () {
    return gulp.src([
        'src/static/scripts/common/pinjector.js',
        'src/static/scripts/common/service.*.js',
        'src/static/scripts/asteroids-starcastle/*.js',
        'src/static/scripts/asteroids/asteroids.js',
        'src/static/scripts/asteroids/app.js',
        'src/static/scripts/starcastle/actor.*.js',
        'src/static/scripts/starcastle/service.*.js',
        'src/static/scripts/starcastle/starcastle.js',
        'src/static/scripts/starcastle/app.js',
        'src/static/scripts/space-invaders/actor.*.js',
        'src/static/scripts/space-invaders/service.*.js',
        'src/static/scripts/space-invaders/space-invaders.js',
        'src/static/scripts/space-invaders/app.js',
        'src/server/*.js',
    ])
    .pipe(stripDebug())
    .pipe(jshint({
        laxbreak: true,
        multistr: true
    }))
    .pipe(jshint.reporter('default'))
    .pipe(jshint.reporter('fail'));
});

直到昨天,这一切都很好,如果有问题,我会收到一个有用的jshint错误,告诉我到底出了什么问题。现在,当我运行时gulp check-scripts,如果出现问题,我经常会收到这种错误:

11:47:00] Starting 'check-scripts'...

events.js:154
      throw er; // Unhandled 'error' event
      ^
Error: Line 30: Unexpected identifier
    at constructError (/Library/WebServer/Documents/arcade/node_modules/esprima/esprima.js:2406:21)
    at createError (/Library/WebServer/Documents/arcade/node_modules/esprima/esprima.js:2425:17)
    at unexpectedTokenError (/Library/WebServer/Documents/arcade/node_modules/esprima/esprima.js:2499:13)
    at throwUnexpectedToken (/Library/WebServer/Documents/arcade/node_modules/esprima/esprima.js:2504:15)
    at expect (/Library/WebServer/Documents/arcade/node_modules/esprima/esprima.js:2522:13)
    at expectCommaSeparator (/Library/WebServer/Documents/arcade/node_modules/esprima/esprima.js:2546:13)
    at parseObjectInitializer (/Library/WebServer/Documents/arcade/node_modules/esprima/esprima.js:3052:17)
    at inheritCoverGrammar (/Library/WebServer/Documents/arcade/node_modules/esprima/esprima.js:2680:18)
    at parsePrimaryExpression (/Library/WebServer/Documents/arcade/node_modules/esprima/esprima.js:3246:20)
    at inheritCoverGrammar (/Library/WebServer/Documents/arcade/node_modules/esprima/esprima.js:2680:18)

如您所见,那里没有有用的信息。目前我正在重构,所以我的变更集通常涵盖许多文件。这里的问题是我可以看到 esprima 的解析器不满意,但我不知道哪个文件破坏了它,也不知道该文件中的哪一行代码。

我可以通过迭代地注释和取消注释中的行check-scripts并重新运行gulp-checkscripts,最终通过注释和取消注释代码来解决这个问题,但这显然有点麻烦。

在这种情况下,这是导致错误的代码:

function masterSoundConfiguration() {
    var masterConfig = {
        elementCountForRapidRepeat: 6,
        sfxMasterVolume: 0.4,
        musicMasterVolume: 0.6,
        sounds: [],
        music: []                        // <-- Missing comma
        mergeIntoMaster: mergeIntoMaster
    };

    ...
}

如您所见,缺少逗号,导致错误。

问题似乎是由 引起的gulp-strip-debug,但如果我简单地禁用这个jshint会因为debugger语句而抱怨。由于即使在开发中我也需要构建以运行该站点,所以这很麻烦。

我想我可以禁用gulp-strip-debug和配置jshint以忽略debugger语句,仅用于开发构建,但是有没有办法配置gulp-strip-debug来更好地报告错误,或者这是一个错误/设计缺陷/疏忽?

任何见解/建议将不胜感激。

谢谢,

巴特

4

1 回答 1

0

gulp-strip-debug库是一个非常薄的包装器,strip-debug因此我很想得出结论,这strip-debug是.gulp-strip-debugstrip-debug

我需要进一步调查,并可能提交 PR。让它报告错误所在的文件当然很容易,即使没有行号,这本身就是一个很大的改进。

于 2016-06-20T17:06:22.883 回答