webpack打包后去访问页面，出现Uncaught ReferenceError: regeneratorRuntime is not defined错误？

Question

问题

配置

我这边是安装了@babel/runtime包和@babel/plugin-transform-runtime的

   "dependencies": {
      "@babel/runtime": "^7.21.0"
   },
   "devDependencies": {
      "@babel/plugin-transform-runtime": "^7.21.4"
   }

webpack配置如下

  {
           test: /\.js$/,
           exclude: /node_modules/,
           use: {
              loader: 'babel-loader',
              options: {
                 presets: ['env', 'react', 'stage-1'],
                 plugins: [
                    [
                       'import',
                       {
                          libraryName: 'antd',
                          css: true // or 'style'
                       },
                       "@babel/plugin-transform-runtime"
                    ]
                 ]
              }
           }
        },

我运行npm run proxy时不会报错，但我运行npm run build打包后部署会报错

Answer 1

插件沒有引入对

{
  test: /\.js$/,
  exclude: /node_modules/,
  use: {
    loader: 'babel-loader',
    options: {
      presets: ['env', 'react', 'stage-1'],
      plugins: [
        [
          'import',
          {
            libraryName: 'antd',
            css: true // or 'style'
          }
        ],
        "@babel/plugin-transform-runtime" // 移动到这里
      ]
    }
  }
},

Answer 2

可以参考：
https://blog.csdn.net/weixin_48479397/article/details/124941301