Javascript babel-preset-es2015不分解对象

我正在尝试使用Babel 6传输以下ES6代码：

let { id, name, type } = this.props;

但是，当我运行可能是传输的代码时，Chrome开发工具会给我一个“未捕获的SyntaxError:意外的标记{”错误

在我的

package.json

中，我有：

"devDependencies": {
  "babel-preset-es2015": "^6.1.18",
  "babel-preset-react": "^6.1.18",
  "bower": "^1.6.5",
  "gulp": "^3.9.0",
  "gulp-babel": "^6.1.0",
  "gulp-sourcemaps": "^1.6.0"
}

在我的

gulpfile.js

中

gulp.task('babel', () => {
  return gulp.src('public/js/src/*.js')
    .pipe(sourcemaps.init())
    .pipe(babel({
      presets: ['react', 'es2015']
    }))
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('public/js/build'));
});

---

有人知道我做错了什么吗？谢谢。

试试

{“预设”：[“es2015”，“react”]}

在我这边无法重新编程。你的精确设置对我来说很好。你确定你在浏览器中包含构建文件而不是src flle吗？我做了一个虚拟项目来测试这个，我也无法复制它…

让我来吧{id，name，type}=this.props

正在我的测试项目中转换为

var

语句，而不是在我的实际项目中。通过从命令行调用

babel--presets=es2015--presets=react public/js/src--watch out dir public/js/build

获得相同的非结果。