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

作者站长头像
站长
· 阅读数 10

问题

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

配置

我这边是安装了@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打包后部署会报错

回复
1个回答
avatar
test
2024-07-04

插件沒有引入对

{
  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" // 移动到这里
      ]
    }
  }
},
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容