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

Question

我最近开始研究语义 ui react。我成功编译了按钮和其他组件的代码。但是当我使用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。

希望对你有帮助。