解决使用es6异步函数的错误

解决使用es6异步函数的报错

前段时间在写react项目时,使用了es6的async异步函数,结果报了一大堆错误,控制台也提示,缺少相应的模块,今天来给大家分享一下,如何解决这个错误。

如果不安装相应得插件,就使用es6的异步函数的话,就出出现以下提示
在这里插入图片描述

大家需要下载两个插件,才能正常使用es6的异步函数,
c/npm i @babel/plugin-transform-runtime -S
c/npm i @babel/runtime -S

下载了这两个插件以后,你可以使用es6的异步函数,但是浏览器依然会报错
在这里插入图片描述
原因:这个regeneratorRuntime在浏览器上是不认识的

解决方法
1:安装一个@babel/polyfill

然后在.babelrc文件中配置preset-env中的参数"useBuiltIns":“usage”,让babel按需引入需要的补充模块:
在这里插入图片描述
2:你可以直接在你的html里面引入这个外链,也可以帮助我们的浏览器识别regeneratorRuntime

<script src="https://cdn.bootcdn.net/ajax/libs/babel-polyfill/7.8.7/polyfill.js"></script>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值