vue中解决Uncaught ReferenceError: regeneratorRuntime is not defined问题

1,948 阅读1分钟

问题产生

在使用babel编译es6时,遇到报错Uncaught ReferenceError: regeneratorRuntime is not defined问题

问题原因

脚本使用了ES7的 async/await regeneratorRuntime在浏览器上是不认识的,需要安装@babel/plugin-transform-runtime插件

解决方案:

第一步、安装依赖

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

第二步、配置babel

// babel.config.js
module.exports = {
  presets: ['@babel/preset-env', '@vue/cli-plugin-babel/preset'],
  plugins: [['@babel/transform-runtime']]
};