Browserify錯誤{錯誤：在解析文件：mypath \\ react-app.js時，“ base”中指定的插件1提供了“ loose”的無效屬性。

Question

我嘗試將gulp，browserify，reactify與transform-es2015-classes插件結合使用。

var gulp = require('gulp');
var browserify  = require('browserify');
var babelify    = require('babelify');
var source      = require('vinyl-source-stream');
var buffer      = require('vinyl-buffer');
var uglify      = require('gulp-uglify');
var sourcemaps  = require('gulp-sourcemaps');
var livereload  = require('gulp-livereload');
var reactify = require('reactify');
var util = require('gulp-util');


gulp.task("reactcompile", function () {
    // app.js is your main JS file with all your module inclusions
    return browserify({entries: './src/main/app/reactjs/react-app.js', debug: true})
        .transform("babelify", 
        {
          plugins: [
            'transform-es2015-classes', { loose: true }
          ],
            presets: ["es2015", "react", "stage-0"] 
        })
        .bundle()
        .on('error', util.log.bind(util, 'Browserify Error'))
        .pipe(source('react-app.js'))
        .pipe(buffer())
        .pipe(gulp.dest('./build'))
        .pipe(livereload());
});

運行gulp時，出現錯誤：

[12:06:45] Browserify錯誤{錯誤：“基本”中指定的插件1在解析文件：mypath \\ react-app.js時提供了“松散”的無效屬性

我的語法錯誤還是問題？

Answer 1

您缺少一組[] 。

plugins: [
  'transform-es2015-classes', { loose: true }
]

應該

plugins: [
  ['transform-es2015-classes', { loose: true }]
]

因此，插件及其參數是plugins數組中的單個項目。