React搭建报错:Uncaught ReferenceError: regeneratorRuntime is not defined

React搭建报错:Uncaught ReferenceError: regeneratorRuntime is not defined,第1张

Babel默认只转换新的JavaScript句法(syntax),而不转换新的API,比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象,以及一些定义在全局对象上的方法(比如Object.assign)都不会转码。

例如当使用async/await时,运行项目就会报上面的错。

解决方法:

安装babel-polyfill,可以完整使用 ES6的 API ,支持浏览器缺失API

$ npm install -save-dev babel-polyfill

然后,在index.jsx文件中引入babel-polyfill

import "babel-polyfill"

为了避免babel在编译中输出重复,使用babel-runtime

npm install --save-dev babel-plugin-transform-runtime 

在根目录新增.babelrc文件,在文件中填写以下代码,

{
  "plugins": ["transform-runtime"]
}

最后,重启项目。成功解决~

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/932831.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-17
下一篇 2022-05-17

发表评论

登录后才能评论

评论列表(0条)

保存