Uncaught ReferenceError: regeneratorRuntime is not defined打包完后浏览器报错gulp

最新推荐文章于 2023-06-05 15:00:40 发布
最新推荐文章于 2023-06-05 15:00:40 发布
阅读量4k 收藏 2
点赞数
分类专栏： gulp工具
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40028324/article/details/81235290
版权

 页面 是用gulp起的服务，然后写的代码，这次是在js里用了es7的async/await，导致打包完之后报错：

  看，因为gulp-babel在编译过程中会把async/await 的语法编译成这个样子：

 这个regeneratorRuntime在浏览器上是不认识的，通过百度，好多人会告诉你让你去装一个叫做

'transform-runtime'

这个的插件，这东西是运行在node服务器上的，所以即使你装了，浏览器照样不认识。

 所以这个时候，你需要的是在gulp-babel给你编译的时候，把regeneratorRuntime再转换一次，这就用到了babel的

babel-polyfill

这个插件，使用方法很简单npm install babel-polyfill 

安装完成以后，在你的node_modules里边找到这个包，然后把dist下的polyfill.min.js这个js引入到你的页面的head里边去，这样的 话在你再一次打包的时候，_asyncToGenerator  这个东西就会返回一个函数了，函数浏览器是认识的，再运行一下项目就没问题了

宋哈哈
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论
专栏目录
解决Layui中layer报错的问题
01-19
问题描述： Uncaught ReferenceError: layer is not defined 解决方法，查看网上说名，是非独立版导致直接使用layer导致，只需要在使用时加一说明，申明一下使用。 layui.use(['element','layer'], function(){ var element = layui.element,layer=layui.layer; //一些事件监听 element.on('nav(topBarNav)', function(data){ console.log(data.text()); if(data.t
解决vue项目报错webpackJsonp is not defined问题
01-19
在vue单页面应用中，我们大概都会使用CommonsChunkPlugin这个插件。 传送门 CommonsChunkPlugin 但是在项目经过本地测试没有任何问题，打包上线后却会报错 webpackJsonp is not defined。这是因为公共文件必须在自己引用的js文件之前引用。 可以手动改文件引用，但是推荐以下解决办法： 找到build→webpack.prod.conf.js→找到HtmlWebpackPlugin插件，添加如下配置即可 chunks: ['manifest', 'vendor', 'app'] 以上这篇解决vue项目报错webpackJsonp is
微信小程序编译遇到 ReferenceError: regeneratorRuntime is not defined 解决办法
weixin_44183483的博客
08-02 3448
微信小程序里如果使用了 async + await，会报这个错误 原因：async+await是 ES7 的一个特性，如果微信小程序IDE里开启了ES6转ES5，则会报这个错误。 解决方案： 第一种方法：微信小程序IDE里，详情->本地设置 里，开启【增强编译】 第二种方法：引入 regenerator 下载 regenerator：https://github.com/facebook/regenerator/tree/master/packages 将下载文件里的 regenerator/run
解决：Uncaught ReferenceError: regeneratorRuntime is not defined
yu472623295的博客
05-12 4680
现象:使用了es7 async/await 时报错。 解决办法: 原因：这个regeneratorRuntime在浏览器上是不认识的，需要在vue-ui图形化界面上安装一个开发依赖:babel-plugin-transform-runtime 或者命令行:npm i --save-dev babel-plugin-transform-runtime 在.bable中添加 代码帮你们复制出来: [ “transform-runtime”, { “helpers”: false, “polyfill”: fa
vue中解决Uncaught ReferenceError: regeneratorRuntime is not defined问题
经典鸡翅
08-10 1723
问题产生 在使用babel编译es6时，遇到报错Uncaught ReferenceError: regeneratorRuntime is not defined问题 问题原因 脚本使用了ES7的 async/await regeneratorRuntime在浏览器上是不认识的，需要安装@babel/plugin-transform-runtime插件 解决方案： npm instal...
Uncaught ReferenceError: regeneratorRuntime is not defined 解决方法
weixin_48479397的博客
05-24 2669
项目突然报错Uncaught ReferenceError: regeneratorRuntime is not defined 之前老版本的babel不能正常发挥作用，导致浏览器无法翻译es7语法，于是全部替换了新版本的babel7 在package.json中更换如下依赖，如有新版本请用npm更新至新版本 "@babel/cli": "^7.17.10", "@babel/core": "^7.18.0", "@babel/plugin-transform-runtime": "^7.1
打包时出现 regeneratorRuntime is not defined 报错问题的解决
qq_40184218的博客
08-22 1160
regeneratorRuntime is not defined问题
ReferenceError: regeneratorRuntime is not defined
令狐喵喵
11-30 2250
在babel官网上有关babel-polyfill，有这么一句话。 Babel 包含一个可自定义 regenerator runtime 和 core-js 的 polyfill .它会仿效一个完整的 ES2015+ 环境，并意图运行于一个应用中而不是一个库/工具。这个 polyfill 会在使用 babel-node 时自动加载。这意味着你可以使用新的内置对象比如 Promise 或者 Wea...
regeneratorRuntime is not defined问题解决
风烟
11-10 1511
错误背景 报错提示：regeneratorRuntime is not defined 我们在使用原生js直接引入的时候，然后里面使用了Async/await 用法，所以就会报这个问题 解决方案 安装npm install --save-dev @babel/plugin-transform-runtime .babelrc配置 { "presets": [ ["env", {"modules": false}], "stage-3" ], "pl
regeneratorRuntime is not defined
miaomiao_1024的博客
06-05 1306
regeneratorRuntime是webpack打包生成的全局辅助函数，由babel生成，用于兼容async/await的语法。值得注意的是，如果你是node.js的运行环境，由于node.js已经支持的async/await，固无需配置。但如果你用了比如vue ssr之类的，也就是仍旧使用了webpack打包，并有node.js运行，可能需要将其排除掉，或者根本不使用babel-loader。是webpack打包生成的全局辅助函数，由babel生成，用于兼容async/await的语法。
easyui解决：Uncaught ReferenceError: jQuery is not defined
01-08
Uncaught ReferenceError: jQuery is not defined 具体报错后样式如下： 具体解决方竟然是修改JQuery的位置，必须在其他所有js的前面！！ 错误的代码： 正确的代码： 只能说是自己没有基础了 正确后的样式 ...
解决vant的Toast组件时提示not defined的问题
01-21
[Vue warn]: Error in v-on handler: “ReferenceError: Toast is not defined” 解决方法： handleClick(){ this.$toast('点击提示') } 补充知识：vue+vant移动端遇到的那些问题 1、项目引用了lib-flexible 跟px...
babel-preset-env编译js错误记录，async/await错误；
IT从业者
07-06 4018
当项目中使用async和await时，使用babel-preset-env进行编译，翻译js时会出错。错误信息为：Uncaught ReferenceError: regeneratorRuntime is not defined翻译为的js代码大概如下所示，其中regeneratorRuntime为自动生成的变量，关键是该变量为进行定义，导致出错；内部转换机制暂未知。var _ref = _as...
Uncaught ReferenceError: regeneratorRuntime is not defined
灬Manong 博客
02-25 916
regeneratorRuntime is not defined
对于出现regeneratorRuntime is not defined问题的解决
热门推荐
youhebuke225的博客
06-03 4万+
出现问题的情况 在项目中使用了async/await,就开始报错regeneratorRuntime is not defined 出现问题的原因 Babel在转化一些包的时候，比如说ES6转ES5，需要使用一些辅助函数，这些辅助函数就在babel-runtime这个单独的模块中，当缺失这个单独模块的时候他就会报错，我们需要去下载这个包 拓展 babel-polyfill是用来对于内核版本较低的浏览器不支持es6新语法的解决 Babel默认只转换新的JavaScript语法（syntax），如
使用es6 generator,报regeneratorRuntime is not defined 错误
qq_34849240的博客
01-14 2万+
我在使用webpack 编译es6的时候 使用 回调函数报 regeneratorRuntime is not defined 错误， 后来查证是自己没有写好是babel 并不是完全支持编译es6， 解决办法 安装以下 npm i --save-dev babel-plugin-transform-runtime.babelc :  { "presets": [
C#读取WinCC实时和归档数据
最新发布
06-21
如何在 C#应用程序中读取 WinCC 变量归档数据，资源来自西门子官网
浏览器报错 Uncaught ReferenceError: process is not defined
03-19
浏览器报错 "Uncaught ReferenceError: process is not defined" 是因为在浏览器环境中，没有定义名为 "process" 的变量或对象。这个错误通常发生在将使用Node.js特定功能的代码直接在浏览器中运行时。 Node.js是一个基于V8引擎的JavaScript运行时环境，它提供了许多与操作系统和文件系统交互的功能。而浏览器环境中没有这些功能，因此无法识别 "process" 变量。 如果你在浏览器中遇到了这个错误，可能是因为你的代码中使用了Node.js特定的功能，例如使用了 "process.env" 获取环境变量。在浏览器中，你可以尝试使用其他方式来获取相应的功能，例如使用浏览器提供的API来获取环境变量。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

宋哈哈

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值