Webpack/Babel/React 项目中的“当前未启用对实验性语法 'jsx' 的支持”

编程问答 2022-05-26

问题描述

我目前正在将一个包从 rollup 转换为 webpack，并且在它不喜欢 react/jsx 组件的每个角落都遇到了这个错误。这仍然是实验性技术还是我遗漏了一些明显的东西？如果我能澄清任何事情，请告诉我。预先感谢您的帮助/解答。

错误：

int a = (int) Math.floor(one*1000);
int b = (int) Math.floor((two*1000));

    if(a == b){
        System.out.println(true);
        System.out.println(a + "---" + b);
        return true;
    }
    else

        System.out.println(false);
    System.out.println(a + "---" + b);
    return false;

babel.config.js

Add @babel/preset-react (https://git.io/JfeDR) to the 'presets' section of your Babel config to enable transformation.
If you want to leave it as-is,add @babel/plugin-Syntax-jsx (https://git.io/vb4yA) to the 'plugins' section to enable parsing.

webpack.config.js

module.exports = function () {
  const presets = [
    "@babel/preset-react","@babel/preset-env"
  ];
  const plugins = [
    "@babel/plugin-transform-react-jsx","@babel/plugin-Syntax-jsx",{
      "loose": true
    }
  ]

  return {
    presets,plugins
  };
}

package.json

var path = require('path');

module.exports = {
  entry: path.resolve(__dirname,'./src/index.js'),output: {
    path: path.resolve(__dirname,'build'),filename: 'bundle.js'
  },module: {
    rules: [{
      test: /\.(js|jsx)$/,exclude: /node_modules/,loader: 'babel-loader',options: {
        presets: [
          ["@babel/preset-env",{ modules: "commonjs" }],"@babel/preset-react"
        ],plugins: [
          "@babel/plugin-Syntax-jsx","@babel/plugin-proposal-class-properties","@babel/plugin-proposal-object-rest-spread","@babel/plugin-Syntax-dynamic-import","@babel/plugin-transform-runtime","@babel/plugin-transform-react-jsx"
        ]
      }
    }]
  },};

解决方法

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

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

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

babel-polyfillbabeljsjsxjsxjsxreactjsreactjsreactjsreactjswebpackwebpackwebpack