在 webpack config react 中的 jsx 是错误的，这表明没有配置加载器来处理这个文件

| import ReactDOM from 'react-dom';
| const A = () => {
>   return (<div>123</div>)
| }
| ReactDOm.render(<A />,document.getElementByID('example'));

es6 语法可以改为 es5 并且只有当我在 React 页面中写类似 <div></div> HTML 标签时，错误才会显示 这是我的 package.Json 配置

  "scripts": {
    "build": "webpack --mode development","dev": "npx webpack-dev-server"
  },"devDependencIEs": {
    "@babel/core": "^7.13.16","@babelugin-proposal-class-propertIEs": "^7.13.0","@babelugin-proposal-decorators": "^7.13.15","@babelugin-proposal-object-rest-spread": "^7.13.8","@babelugin-transform-runtime": "^7.13.15","@babel/preset-env": "^7.13.15","@babel/preset-react": "^7.13.13","@svgr/webpack": "^5.3.0","babel-loader": "^8.2.2","babel-plugin-transform-react-Jsx": "^6.24.1","babel-preset-es2015": "^6.24.1","clean-webpack-plugin": "^3.0.0","css-loader": "^5.0.1","detect-port": "^1.3.0","file-loader": "^4.2.0","HTML-webpack-plugin": "^3.2.0","inquirer": "^6.5.0","less": "^3.12.2","less-loader": "^7.0.2","mini-css-extract-plugin": "^0.9.0","react": "^16.11.0","react-dom": "^16.11.0","source-map-loader": "^0.2.4","style-loader": "^2.0.0","webpack": "^4.41.2","webpack-cli": "^3.3.9","webpack-dev-server": "^3.9.0"
  }
}

这是我的 webpackconfig

@H_120_9@module.exports = {
  entry: '.c/index.Js',module: {
    rules: [
      {
        test: /\.(Js|JsX)$/,exclude: de_modules/,use: ['babel-loader']
      }
    ]
  },resolve: {
    extensions: ['*','.Js','.Jsx']
  },output: {
    path: __dirname + '/dist',publicPath: '/',filename: 'bundle.Js'
  },devServer: {
    contentBase: './dist'
  },mode: 'development'
};

这是我的反应页面

import ReactDOM from 'react-dom';
const A = () => {
  return (<div>123</div>)
}
ReactDOm.render(<A />,document.getElementByID('example'));

那么，我应该如何更改文件

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

大佬总结

以上是大佬教程为你收集整理的在 webpack config react 中的 jsx 是错误的，这表明没有配置加载器来处理这个文件全部内容，希望文章能够帮你解决在 webpack config react 中的 jsx 是错误的，这表明没有配置加载器来处理这个文件所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。