Javascript Browserify，Babel 6，Gulp-spread运算符上出现意外标记

我正试图让我的Browserify/Babelify/Gulp在我的项目中工作，但它不会占用spread操作员

我从我的gulpfile中得到了这个错误：

[SyntaxError: /Users/mboutin2/Desktop/Todo-tutorial/src/reducers/grocery-list-reducers.js: Unexpected token (16:8) while parsing file: /Users/mboutin2/Desktop/Todo-tutorial/src/reducers/grocery-list-reducers.js]

这是我的gulpfile.js

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

gulp.task('build', function () {
  return browserify({entries: './src/client/app.js', extensions: ['.js'], debug: true})
    .transform(babelify, {presets: ['es2015', 'react']})
    .bundle()
    .on('error', function (err) {
      console.error(err);
      this.emit('end');
    })
    .pipe(source('app.min.js'))
    .pipe(buffer())
    .pipe(sourcemaps.init({loadMaps: true}))
    .pipe(uglify())
    .pipe(sourcemaps.write('./'))
    .pipe(gulp.dest('./public/js'));
});

gulp.task('default', ['build']);

我试图创建一个.babelrc文件，但它做了同样的事情。当我删除spread操作符时，我的脚本就会工作

这是发生意外标记的文件（非常简单）

我不知道这里面有什么不起作用，我在Github和Babel网站的设置页面上读到了一些问题，但我不能让它正常工作

---

有人能告诉我如何正确处理这个问题吗？谢谢

语法是一种未来的实验性语法，它不是

es2015

或

react

的一部分，因此您需要启用它

npm install --save-dev babel-plugin-transform-object-rest-spread

加

"plugins": ["transform-object-rest-spread"]

进入

.babelrc

，与现有的

预设一起进入

或者：

npm install --save-dev babel-preset-stage-3

并在预设中使用
stage-3
，以启用所有的stage-3实验功能。
该语法是未来的实验性建议语法，它不是
es2015
或
react
的一部分，因此您需要启用它

npm install --save-dev babel-plugin-transform-object-rest-spread

加

"plugins": ["transform-object-rest-spread"]

进入
.babelrc
，与现有的
预设一起进入

或者：

npm install --save-dev babel-preset-stage-3

并在预设中使用
stage-3
，以启用所有的stage-3实验功能。
我也遇到了同样的问题，安装了stage-2插件并修改了我的package.json文件，如下所示

"babel": {
    "presets": [
      "es2015",
      "react",
      "stage-2"
    ]
  }

我也遇到了同样的问题，安装了stage-2插件并修改了package.json文件，如下所示

"babel": {
    "presets": [
      "es2015",
      "react",
      "stage-2"
    ]
  }

就像旁注一样，一些文本编辑器（在我的例子中是Mac Notes）将收缩成一个elepsis实体，这将导致验证失败，所以也要注意…
就像旁注一样，一些文本编辑器（在我的例子中是Mac Notes）将收缩成一个elepsis实体，这将导致验证失败，所以也要注意…
@MikeButin loganfsmyth您能指定在哪里将其指定为预设吗？我也有同样的问题，尽管我通过cli使用babelify。ThanksVia CLI您需要一个.babelrc文件，预设值在babeljs站点的插件页面中，目前处于第3阶段！：D
npm安装--保存dev-babel-preset-stage-3
和
presets:[“stage-3”]
为我做的。@mikebootin loganfsmyth您能指定在哪里将其指定为预设吗？我也有同样的问题，尽管我通过cli使用babelify。ThanksVia CLI您需要一个.babelrc文件，预设值在babeljs站点的插件页面中，目前处于第3阶段！：D
npm安装——保存dev-babel-preset-stage-3
和
presets:[“stage-3”]
是为我做的。那不是我的文本编辑器。它只是我偶尔转储代码块的地方值得一提的是，各种产品，包括microsoft产品和slack之类的产品，通常会插入自己的特殊格式字符（通常是隐藏的）和/或转换某些字符作为外观。这可能真的很难发现，并可能给你带来问题…这不是我的文本编辑器。它只是我偶尔转储代码块的地方值得一提的是，各种产品，包括microsoft产品和slack之类的产品，通常会插入自己的特殊格式字符（通常是隐藏的）和/或转换某些字符作为外观。这可能是非常棘手的发现，并可能导致您的问题。。。