Uncaught ReferenceError: regeneratorRuntime is not defined 解决方法

项目突然报错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.18.0","@babel/polyfill": "^7.12.1","@babel/preset-env": "^7.18.0","@babel/preset-react": "^7.17.12","babel-eslint": "10.1.0","babel-jest": "26.0.1","babel-plugin-component": "1.1.1","babel-plugin-dynamic-import-node": "2.3.3",

接下来就是最重要的配置环节，在babel.config.js或…babelrc中配置如下在

presets: [['@vue/babel-preset-jsx'],//如果报了jsx 的错就引用一下，控制台报错还让引@babel/preset-react但我是vue的项目，傻乎乎的引进后报了个React的错，删掉就好["@babel/preset-env",{"targets": {                           //哪个浏览器版本无法识别es新语法就设置哪个版本"edge": "17","firefox": "60","chrome": "67","safari": "11.1","node" : "14"},"useBuiltIns": "entry","corejs": 3//看你的corejs是什么版本的}]]

关键在下面

"useBuiltIns": "entry"```

useBuiltIns: 有三个属性 false | “entry” | “usage”
“usage” 自动检测文件中使用的需要引入垫片的地方并自动引入对应的垫片。（官方推荐）
“entry” 在入口处手动引入垫片
按理来说使用usage就可以，实测不行。我这依旧报错，需要使用entry，在main.js中引入

import '@babel/polyfill'

接着引入插件

 plugins: [['@babel/plugin-transform-runtime', {helpers: false,//polyfill: false, 一定不要有这个，在新版本中官方已经将它移除了,填了它似乎会报错regenerator: true,}]]

如果报了polyfill has been removed 请把polyfill删了

Uncaught ReferenceError: regeneratorRuntime is not defined 解决方法相关推荐

ReferenceError: regeneratorRuntime is not defined解决方法
ReferenceError: regeneratorRuntime is not defined解决方法参考文章: (1)ReferenceError: regeneratorRuntime is ...
vue中解决Uncaught ReferenceError: regeneratorRuntime is not defined问题
问题产生在使用babel编译es6时,遇到报错Uncaught ReferenceError: regeneratorRuntime is not defined问题问题原因脚本使用了ES7的 ...
Uncaught ReferenceError: xxx is not defined 解决办法
VM11371:1 Uncaught ReferenceError: inputSize is not defined at <anonymous>:1:1 解决办法(根据需求调整 ...
nodejs.ReferenceError: ctx is not defined解决方法
[现象] 2022-01-17 18:32:26,958 ERROR 18500 [-/::1/-/1ms GET /findOne/1] nodejs.ReferenceError: ctx is ...
Uncaught ReferenceError: data is not defined
问题: 使用jQuery jsonp解决跨域问题时报错 Uncaught ReferenceError: data is not defined 解决: 在function()的括号里添加上data ...
解决 VUE前端项目报错： Uncaught ReferenceError : initPage is not defined （initPage 方法是有的，依旧报错找不到）
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1. 明明代码中定义了 initPage 这个方法,,却一直报找不到这个方法: Uncaught R ...
(网页)Uncaught ReferenceError: pageImport is not defined
在js开发中,很多人遇到类似问题,都找不到解决方法.Uncaught ReferenceError: $ is not defined,在这里给大家提供几个解决方法. 1.出现这个错误,最可能的是引用 ...
Vue报错：Error in v-on handler: “ReferenceError: regeneratorRuntime is not defined“
项目中使用了async/await Vue报错:Error in v-on handler: "ReferenceError: regeneratorRuntime is not defin ...
Uncaught ReferenceError: jp2 is not defined，用jsonp抓取qq音乐总是说回调函数没有定义
问题如下参考链接:https://segmentfault.com/q/1010000010051040 用jsonp抓取qq音乐总是说回调函数没有定义, 我的要实现时候的步骤 1.第一步我要实现的 ...

Uncaught ReferenceError: regeneratorRuntime is not defined 解决方法

Uncaught ReferenceError: regeneratorRuntime is not defined 解决方法相关推荐

最新文章

热门文章