React语法错误：=的意外令牌

Question

ERROR in ./src/js/HomeView.js
Module build failed: SyntaxError: Unexpected token (122:19)

  120 |   }
  121 | 
> 122 |   handleDrawerOpen = () => {
      |                    ^
  123 |     this.setState({ open: true });
  124 |   };
  125 | 

尝试使用webpack编译react组件时出现上述错误。 有谁知道这里缺少什么插件？

Answer 1

您可能需要安装preset-stage-2。 这个babel插件允许您使用ES6 +功能，例如static s，property initializers，甚至动态导入支持。 实际上你可以为这个特殊情况安装transform-class-properties，但我通常更喜欢安装带有stage-x的babel插件，因为我发现只需一次安装即可使用多个ES6 +功能。 对于未来的读者来说，如果您使用create-react-app已经为您正确设置了此特定Babel插件，那么也可能会有用，因为您可以查看here。

Answer 2

很难从上面粘贴的代码中猜出来。

我的猜测是将其改为

handleDrawerOpen() {
    this.setState({ open: true });
}