无法从

Question

我收到错误“无法从...找到模块'@babel/plugin-transform-runtime'”。我已经尝试了互联网上的所有解决方案，但没有一个真正有效。 我该如何解决它？ 任何建议将不胜感激。

babelrc

{
    "presets": [
        "@babel/preset-react",
        "@babel/preset-env"
    ],
    "plugins": [
        ["transform-runtime", {
            "helpers": false, // defaults to true
            "polyfill": false, // defaults to true
            "regenerator": true, // defaults to true
            "moduleName": "babel-runtime" // defaults to "babel-runtime"
        }]
    ]}

网络包

var HtmlWebpackPlugin = require('html-webpack-plugin');
const path = require('path');

module.exports = {
    mode: 'development',
    resolve: {
        extensions: ['.js', '.jsx', '.css']
    },
    module: {
        rules: [
            {
                test: /\.jsx?$/,
                loader: 'babel-loader'
            },
            {
                test: /\.css$/,
                use: [ 'style-loader', 'css-loader' ]
            }
        ]
    },
    resolve: {
        extensions: ['.js', '.jsx', '.css'],
        alias: {
            '@': path.resolve(__dirname, 'src/'),
        }
    },

    plugins: [new HtmlWebpackPlugin({
        template: './src/index.html'
    })],
    devServer: {
        historyApiFallback: true
    },
    externals: {
        // global app config object
        config: JSON.stringify({
            apiUrl: 'https://obidentity-develop.azurewebsites.net/connect/token'
        })
    }
}

Answer 1

尝试添加

"plugins": ["@babel/plugin-transform-runtime"]

在 .babelrc 中

Answer 2

我在运行2个不同版本的节点时遇到了这个问题：

• 终端 1：节点 14，

  npm install

• 2号航站楼：节点16，

  npm run dev

所以依赖关系混乱了，并且发生了一些非常奇怪的事情。

解决方案：

1. 删除

   node_modules

   文件夹
2. 打开 1 个终端，

   npm install

   和

   npm run dev

Answer 3

我删除了

".babelrc"

。

然后我用：

npm run dev

。

问题就解决了。

Answer 4

babel-preset-react-app，正在导入“@babel/plugin-proposal-private-property-in-object”包，而不在其依赖项中声明它

^ 这里的第一个答案为我解决了这个问题，除了添加 babel-preset-react-app 之外，我将其替换为“@babel/plugin-transform-runtime”，如下所示

1. npm install --save-dev @babel/plugin-transform-runtime
2. 将以下内容添加到您的 .eslintrc 文件中 { "extends": ["eslint:推荐", "@babel/plugin-transform-runtime"], ... }