模块构建失败：SyntaxError：语义ui中的意外标记反应

Question

我最近开始研究语义ui反应。我成功编译了按钮和其他组件的代码。但是当我使用来自https://react.semantic-ui.com/collections/menu的菜单示例时，我收到了错误。

以下是我在编译后得到的错误：Screenshot of compilation

以下是菜单代码： - app.js

Answer 1

我认为错误是因为您的设置错过了一个babel配置以支持类属性 要启用它，您需要安装一个babel插件：

npm i -D npm install --save-dev babel-plugin-transform-class-properties

然后在你的.babelrc

{
  "plugins": ["transform-class-properties"]
}

以下是官方documentation。

Here我有一个配置可以用来测试我上面提到的指令。它配置了.babelrc文件和webpack来使用它。

希望它有所帮助。