Question

我有这个代码，我在反应组件状态中使用类属性。

class MyComponent extends React.Component {

        state = {
            filter: '',
            searchTerm: ''
        }
    }

当我选择预设反应，阶段2时，此代码在babel-repl中正常工作。但是当我尝试使用babel-cli进行转换时，它不起作用。我的package.json有 -

"scripts": {
  "build": "babel src -d lib"
},
"babel-cli": "^6.14.0",
"babel-plugin-transform-object-assign": "^6.8.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"babel-preset-stage-2": "^6.13.0"

当我运行npm run build时，我不断收到此错误，并特别突出显示状态变量后的相等运算符。

SyntaxError：react / Fidelis.K2.Views.React.BrowseCommunities.js：

意外的令牌（2:14）

1 | class MyComponent扩展了React.Component {
  2 | state = {

3 |过滤器：''，
  4 | searchTerm：''   5 | }

Answer 1

找到它。 .babelrc

中未提及所需的预设

一旦我更新了它，这工作正常。这是我更新的.babelrc文件

{
  "presets":  ["latest", "react", "stage-2"],
  "plugins": [
    "transform-object-assign"
  ]
}

Babel-cli类属性不适用于stage-2

1 个答案: