Babel-cli类属性不适用于第2阶段。

Question

我有这段代码，在这里我使用类属性来响应组件状态。

class MyComponent extends React.Component {

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

这段代码在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时，我一直得到这个错误，它特别突出了一个又一个状态变量的相等操作符。

react/Fidelis.K2.Views.React.BrowseCommunities.js：：SyntaxError 意外令牌(2:14) 1类MyComponent扩展了React.Component { 2-状态={ 3.过滤器：“”， 4_ searchTerm：'‘ (5)

Answer 1

找到了。在.babelrc中没有提到所需的预设

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

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