"Uncaught SyntaxError: Unexpected token { " using Reactify
"Uncaught SyntaxError: Unexpected token { " using Reactify
我正在按照教程创建 FixedDataTable with React。但是,我在让以下行在我的 jsx 文件中工作时遇到了一些问题:
const {Table, Column, Cell} = require('fixed-data-table');
给出错误(在 Chrome 中):
Uncaught SyntaxError: Unexpected token {
我正在使用 browserify 和 reactify 将我的 jsx 代码转换为 javascript。使用 require 的其他行工作正常。
我对 JavaScript 和 React 很陌生,非常感谢任何解决问题的建议。
正如评论中指出的那样,reactify 中的 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');
我正在按照教程创建 FixedDataTable with React。但是,我在让以下行在我的 jsx 文件中工作时遇到了一些问题:
const {Table, Column, Cell} = require('fixed-data-table');
给出错误(在 Chrome 中):
Uncaught SyntaxError: Unexpected token {
我正在使用 browserify 和 reactify 将我的 jsx 代码转换为 javascript。使用 require 的其他行工作正常。
我对 JavaScript 和 React 很陌生,非常感谢任何解决问题的建议。
正如评论中指出的那样,reactify 中的 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');