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

Question

​

​

我正在尝试使用古普巴贝尔，以便在ES6应用程序中开始编写一些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)

Answer 1

错误不在您引用的代码中，它位于tickertags.bundle.min.js的第2774行。Babel不是问题所在，Babel是报告的问题。

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

function foo(a, a) {
}

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

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

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

​

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

​

在Chrome上，错误是

Uncaught :在此上下文中不允许重复的参数名称