传播操作员反应出现意外令牌的错误

Question

这是我包含扩展运算符的代码

style={{ ...styles.detailsRow.icon, alignSelf: 'centre' }}

我需要安装或添加哪些内容才能使其运行？

它的等价物是es2015什么？

Answer 1

您需要配置Babel以使用transform-object-rest-spread插件.有关详细信息,请参阅以下链接:https://babeljs.io/docs/plugins/transform-object-rest-spread/

Answer 2

您缺少一个babel预设,stage-0

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

如果你有.bablerc文件添加到它.

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

或者在loader中添加到webpack配置中.

Answer 3

我有同样的问题,我找到的修复是添加experimentalObjectRestSpread到以下ecmaFeatures设置.eslintrc:

"parserOptions": {
  "ecmaVersion": 6,
  "sourceType": "module",
  "ecmaFeatures": {
     "jsx": true,
     "experimentalObjectRestSpread": true
  }
}