Module build failed: TypeError: Cannot set property 'jsx' of undefined
时间: 2024-12-16 18:22:56 浏览: 7
Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解决
5星 · 资源好评率100%
这个错误通常是当你在Node.js的Webpack配置文件(通常是一个名为`webpack.config.js`的文件)中尝试设置React的JSX特性时发生的。`TypeError: Cannot set property 'jsx' of undefined`表明你在尝试设置一个未定义的对象的`jsx`属性。
这可能是由于以下几个原因:
1. **React或Babel缺失**:检查你的项目是否已经安装了React和相关的Babel插件,如`@babel/preset-react`,如果没有,需要先安装并配置它们。
2. **Webpack配置错误**:确认在配置文件中引用React和Babel处理 JSX 的部分是否正确。例如,应该包含在`module.rules`或`plugins`数组中,类似于这样:
```javascript
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
use: [
{
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env', '@babel/preset-react'],
},
},
],
}
```
3. **loader顺序问题**:如果其他loader在使用React JSX之前运行并且改变了上下文,也可能导致这个问题。确保在处理JavaScript和JSX的loader之间有正确的依赖关系。
阅读全文