"未捕获的SyntaxError:使用Reactivity的意外标记{"

"Uncaught SyntaxError: Unexpected token { " using Reactify

本文关键字:quot Reactivity 意外 使用 SyntaxError      更新时间:2023-09-26

我正在学习使用React创建FixedDataTable的教程。然而,我在jsx文件中使用以下行时遇到了一些问题:

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

它给出了错误(在Chrome中):

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

我正在使用browserifyreatify

我是JavaScript和React的新手,如果有任何解决问题的建议,我将不胜感激。

正如评论中所指出的,reatify中的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');