webpack 报错 ReferenceError: regeneratorRuntime is not defined

最新推荐文章于 2024-05-05 16:41:12 发布
最新推荐文章于 2024-05-05 16:41:12 发布
阅读量1.2k 收藏 2
点赞数
分类专栏： webpack 文章标签： webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26722321/article/details/116924036
版权
本文介绍了在webpack打包时遇到`regeneratorRuntime is not defined`的错误，原因是async function语法在转译后缺少运行时支持。解决方法是安装@babel/plugin-transform-runtime插件，并详细说明了`.babelrc`文件的配置，包括辅助、垫片、再生器等选项的解释，以避免全局污染。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

初学webpack,打包时遇到，遇到下面的错误信息：

ReferenceError: regeneratorRuntime is not defined

这个报错是由于 async function 语法被 babel 转译之后的代码使用了 regeneratorRuntime 这个变量，但是这个变量在最终的代码里未定义造成的报错。

解决办法：
安装babel的插件：@babel/plugin-transform-runtime

补充这个插件的安装使用方法：

1、首先写一个 babel 配置文件：【.babelrc】
目录结构位置如下：
在这里插入图片描述

.babelrc 文件的配置：

{
   
    "plugins": [
      [
最低0.47元/天 解锁文章
Vue3 - vite 项目报错：Uncaught ReferenceError: require is not defined（解决 vue3 vite 项目无法识别 require 语法导致报错）
王二红
12-16 2万+
vue3，vite，报错解决，vue3+vite报错requireisnotdefined，vue3vite引插件不识别require，老插件必须用require怎么办，vite项目插件要求使用require引入但报错，vue3不兼容require导致第三方包插件无法使用，vue3vite中使用require报错怎么办，解决Vite+vue3使用第三方依赖报错“requireisnotdefined”问题，vite项目require语法兼容问题解决requireisnotdefine
Vue3 - Vite运行打包时Uncaught ReferenceError: process is not defined（解决vue3+vite报错process is not defined）
王二红
03-26 6374
vue3，vite，vue3+vite报错，process，UncaughtReferenceError:processisnotdefined，浏览器控制台报错processisnotdefined解决方法，vue3如何解决报错，vite报错怎么办，前端打包UncaughtReferenceError:processisnotdefined，npmrunbuild打包报错，vite打包时出现错误，vue3打包运行找不到process，热更新会报错UncaughtRefer
Babel编译报错：var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
qq_32614411的博客
05-27 4888
场景：Babel 打包编译带有 async 语法的代码，打包编译之后的代码无法运行。 报错： 运行打包之后的代码，报错如下 var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() { ...
ReferenceError: regeneratorRuntime is not defined
AdleyTales的技术博客
11-28 4593
原因是不能解析async … await 等高级语法 解决办法: 安装babel-polyfill即可 在main.js中引入 import Vue from 'vue' import App from './App.vue' import './plugins/element' import "babel-polyfill" new Vue({ render: h => h(App) }).$mount('#root') ...
regeneratorRuntime is not defined
qq_57558631的博客
05-24 1101
regeneratorRuntime是webpack打包生成的全局辅助函数，由babel生成，用于兼容async/await的语法。 regeneratorRuntime is not defined这个错误显然是未能正确配置babel。 正确的做法需要添加以下的插件和配置： # 这个包中包含了regeneratorRuntime，运行时需要 npm install --save @babel/runtime # 这个插件会在需要regeneratorRuntime的地方自动require导包，编
报错 ReferenceError: regeneratorRuntime is not defined
m0_58729897的博客
02-14 2954
报错 ReferenceError: regeneratorRuntime is not defined 解决报错，首先要知道为什么会报着个错误，regeneratorRuntime 本身在微信小程序中也没有进行定义，那就只有可能是语法的错误了，有事没事找百度，百度上说是当下的微信开发者工具不支持ES的新特性，我页面代码中的async、await是ES6中的新特性，所以会出现这种报错 解决方法： 微信开发者工具中 => 详情 ==> 本地设置 ==> 开启增强编译 完成~·
ReferenceError: regeneratorRuntime is not defined解决方法
CC酱写前端的博客
06-30 2770
查询其他资料说安装，第一步需要安装： babel-plugin-transform-runtime 第二步，在.babelrc 文件中 添加 “plugins”: [ [ "transform-runtime", { “helpers”: false, “polyfill”: false, “regenerator”: true, “moduleName”: “babel-runtime” } ]] 就可以解决，然而我还是报错； 于是继续探索 有人说 安装babel-polyfill 可以解决： npm
正确解决Uncaught ReferenceError : Vue is not defined异常的有效解决方法
最新发布
wbajsjhhhhh的博客
05-05 8735
正确解决Uncaught ReferenceError : Vue is not defined异常的有效解决方法
Html Webpack Plugin: ReferenceError: process is not defined
skysys的研究小屋
07-07 3070
修改ejs文件 将<% if (!process.browser) {%> 改成： <% if (!require(‘process’).browser) { %>
小程序报错-ReferenceError: regeneratorRuntime is not defined
祈澈菇凉
06-16 1114
在使用微信开发者工具导入小程序运行的时候 出现了这样的一个bug 小程序报错-ReferenceError: regeneratorRuntime is not defined 按照编辑器给的提示，定位到报错的地方 小程序在使用async 请求数据时报错 ReferenceError: regeneratorRuntime is not defined 找到问题就解决一下吧 解...
解决webpack “regeneratorRuntime is not defined“报错的问题
weixin_45449964的博客
08-19 4932
webpack "regeneratorRuntime is not defined"报错 原因：这是因为在打包的文件中使用了高级的es6语法，但是webpack并没有帮我们去进行校验， 解决办法： 安装对应的安装依赖和开发依赖 npm install @babel/plugin-transform-runtime -D npm install @babel/runtime -S ...
ReferenceError: regeneratorRuntime is not defined(小程序加载不出头像)
Mapleyoudian的博客
06-08 146
Jest报错：ReferenceError: regeneratorRuntime is not defined
qq_43054210的博客
03-12 1620
在使用Jest做单元测试的时候，报错 ● Test suite failed to run ReferenceError: regeneratorRuntime is not defined 查阅资料通过下面解决了： 第一步安装插件 npm install @babel/plugin-transform-runtime --save-dev 第二步在babel.config.js添加插件 "env": { "test": { "plugins": ["@babel/plug
解决：Uncaught ReferenceError: regeneratorRuntime is not defined
weixin_43254676的博客
10-24 267
现象： 使用 ES7 的 async/await 时报错。 解决方法： $ npm i --save-dev babel-plugin-transform-runtime 在 .babelrc 文件中添加： “plugins”: [[ “transform-runtime”, { “helpers”: false, “polyfill”: false, “regenerator”: true, “...
Vue 报错ReferenceError: $ is not defined
08-12
这样就能解决报错"ReferenceError: $ is not defined"的问题。中提到的报错提示不是由于没有使用lib:["dom"]造成的，而是在类型注释中使用了MouseEvent。在这种情况下，没有问题的。中指出，如果项目中引用了....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值