javascript - babel 目标到旧版本浏览器，它在“react/jsx-runtime”中找不到导出“jsx”（导入为“_jsx”）（可能的导出：__esModule）

Question

以下是我的 babel.config.js，它会引发错误export 'jsx' (imported as '_jsx') was not found in 'react/jsx-runtime' (possible exports: __esModule)

但是当将 chrome:54 更改为 chrome:74 时，不会引发错误

我希望我的应用程序支持 chrome:54(chrome min version to support es6)，我该怎么办？

module.exports = {
    presets: [
        ["@babel/preset-env", {
            "useBuiltIns": "usage",
            "corejs": 3, // or 2,
            "targets": {
                "chrome": "54"
            },
            "exclude": ["@babel/plugin-transform-regenerator", "@babel/plugin-transform-arrow-functions"]
        }],
        ["@babel/preset-react", {
            "runtime": "automatic"
        }]
    ]
}

我的通天塔部门：

    "@babel/core": "^7.15.5",
    "@babel/preset-env": "^7.15.6",
    "@babel/preset-react": "^7.13.13",
    "babel-loader": "^8.2.2",

标签： javascriptwebpackbabeljs

Answer 1

我找到了解决方案，babel ignore some deps 会解决这个错误

见https://stackoverflow.com/a/69717337/6011193