解决使用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>