javascript - 使用 Gulp-babel 并获得“严格模式下的参数名称冲突”

Question

我正在尝试使用gulp-babel，这样我就可以开始在我的 ES5 应用程序中编写一些 ES6 / ES2015 代码。

var gulp          = require('gulp'),
    gutil         = require('gulp-util'),
    gulpif        = require('gulp-if'),
    uglify        = require('gulp-uglify'),
    concat        = require('gulp-concat'),
    sass          = require('gulp-ruby-sass'),
    streamqueue   = require('streamqueue'),
    sourcemaps    = require('gulp-sourcemaps'),
    templateCache = require('gulp-angular-templatecache'),
    htmlReplace   = require('gulp-html-replace'),
    runSequence   = require('run-sequence'),
    stripDebug    = require('gulp-strip-debug'),
    del           = require('del'),
    es            = require('event-stream'),
    webpack       = require('webpack-stream'),
    babel         = require('gulp-babel'),
    browserSync   = require('browser-sync').create();

在我的代码中，问题出在下面：

gulp.task('build-min-bundle', function() {
    gutil.log(gutil.colors.blue.bold(' Compiled bundle file contains these modules:'));
    for (var i=0; i<paths.scripts.length; i++) {
        gutil.log(gutil.colors.yellow.bold('  '+paths.scripts[i]));
    }
    return gulp.src(paths.bundle)
    .pipe(stripDebug())
    .pipe(concat(dist))
    .pipe(babel()) // <--
    .pipe(uglify())
    .on('error', errorlog)
    .pipe(gulp.dest('app/assets/js'));
});

我最初尝试过这个：

.pipe(babel({
    presets: ['es2015']
}))

严格模式下的参数名称冲突 (2774:5)

score 20 · Accepted Answer

错误不在您引用的代码中，它在tickertags.bundle.min.js. Babel 不是问题，Babel 正在报告问题。

在严格模式下，这是一个错误：

function foo(a, a) {
}

请注意，它a已被用作参数名称两次。这是有效的松散代码，但不是有效的严格代码。这就是错误消息告诉您的内容。

这是Babel 的 REPL 中复制的错误。

如果您的浏览器正确支持严格模式，以下是您的浏览器中复制的错误：

"use strict";
function foo(a, a) {
}

在 Chrome 上，错误是

未捕获的语法错误：此上下文中不允许重复的参数名称

javascript - 使用 Gulp-babel 并获得“严格模式下的参数名称冲突”

1 回答 1

Related

Reference