javascript - react 语法错误: Unexpected Token at =

标签 javascript reactjs webpack

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 组件时出现上述错误。 有谁知道这里缺少什么插件吗?

最佳答案

您可能需要安装 preset-stage-2 。 这个 babel 插件允许您使用 ES6+ 功能,例如静态、属性初始值设定项,甚至动态导入支持。 你实际上可以只安装 transform-class-properties对于这种特殊情况,但我通常更喜欢使用 stage-x 安装 babel 插件,因为我发现一次安装即可轻松使用多个 ES6+ 功能。 如果您使用 create-react-app,这个特定的 Babel 插件已经为您正确设置了,这对 future 的读者也可能有用。 ,您可以查看here .

关于javascript - react 语法错误: Unexpected Token at =,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47865851/

相关文章:

reactjs - 使用React Router Switch时取消React中的Axios请求

javascript - 使用 React 为每个对象创建一个模态弹出窗口

javascript - 与 Vite 捆绑的 React 应用程序中的 Socket.IO 不起作用(与 Webpack 捆绑时会起作用)

node.js - 如何使用angular cli以angular 2导入Electron

asp.net - 类型错误 : Cannot read property of Selector-Matcher

javascript - OpenLayers 比较过滤器/对象属性

javascript - 页面呈现依赖于异步调用

reactjs - 我可以告诉 style-loader 在我的 CSS 模块之前加载我的全局 css 吗?

javascript - 在 npm 上“使用严格”

javascript - 我的JavaScript代码中的错误:同步问题?