“Uncaught SyntaxError：意外的令牌{”使用Reactify

Question

我正在按照教程创建FixedDataTable with React。但是，我有一些问题让我的jsx文件中有以下行：

const {Table, Column, Cell} = require('fixed-data-table');

给出错误（在Chrome中）：

  

未捕获的SyntaxError：意外的令牌{

我正在使用 browserify 和重新配置将我的jsx代码转换为javascript。使用其他线路要求工作正常。

我是JavaScript和React的新手，非常感谢任何解决问题的建议。

Answer 1

问题在评论中指出，重新启动的ES6选项未被激活。我在gulpfile中编辑了以下行：

transform: [
    [ 'reactify', {'es6': true} ]
],

然后它奏效了。作为一种解决方法，我发现你也可以这样做：

var FixedDataTable = require('fixed-data-table');

var Table = FixedDataTable.Table;

var Column = FixedDataTable.Column;

而不是

var {Table, Column, Cell} = require('fixed-data-table');