问题描述

在我开发自定义vue组件库时，使用的是rollup进行打包，其中vue组件中使用到了async/await,然后就出现了regeneratorRuntime is not defined的情况

问题的原因

Babel在转化一些包的时候，比如说ES6转ES5，需要使用一些辅助函数，这些辅助函数就在babel-runtime这个单独的模块中，当缺失这个单独模块的时候他就会报错，就需要下载一个官方提供的babel插件

解决方案

1、安装

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

2、在rollup的配置文件中引入rollup的babel插件

cnpm i -D rollup-plugin-babel //es6->es5

3、在rollup配置文件plugins配置中添加

balbel({ exclude: 'node_modules/**',runtimeHelpers: true,plugins:[["@babel/transform-runtime",{regenerator: true}]]
}),

vue组件库开发遇到的regeneratorRuntime is not defined相关推荐

使用vue加svg实现流程图代码_京东风格的移动端Vue组件库NutUI2.0来啦
移动端 Vue 组件库 NutUI 自发布以来受到了广泛的关注.据不完全统计,目前至少有30多个京东的 web 项目正在使用 NutUI . 经过一段时间紧锣密鼓的开发,近期,京东正式发布了 NutU ...
京东Vue组件库NutUI 2.0发布：将支持跨平台！
NutUI 是一套来自京东用户体验设计部(JDC)前端开发部的移动端 Vue 组件库,NutUI 1.0 版本于 2018 年发布.据不完全统计,目前在京东至少有30多个 web 项目正在使用 Nut ...
不厌其烦，又一个Vue组件库
Github仓库地址: github.com/ms-design/m- 文档和Demo网站: ms-design.github.io MS Design 基于微软 Fluent Design 设计的 ...
vue 组件库发布_如何创建和发布Vue组件库
vue 组件库发布 Component libraries are all the rage these days. They make it easy to maintain a consisten ...
Vant 1.0 发布：轻量、可靠的移动端 Vue 组件库
Vant 是有赞前端团队维护的移动端 Vue 组件库,提供了一整套 UI 基础组件和业务组件.通过 Vant 可以快速搭建出风格统一的页面,提升开发效率. Vant 一.关于 1.0 距离 Vant ...
十多款优秀的Vue组件库介绍
十多款优秀的Vue组件库介绍 1. iView UI组件库 iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品.iView的组件还是比较齐全的,更新也很快, ...
少女风vue组件库制作全攻略~~
预览组件库官网 github地址如果喜欢各位小哥哥小姐姐给个小星星鼓励一下哈, 请勿在生产环境中使用,供学习&交流~~ 完整项目目录结构 git clone到本地安装依赖后,执行npm r ...
Vant - 高效的 Vue 组件库，再造一个有赞移动商城也不在话下
Vant ( \ˈvænt\ ) 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件.通过 Vant,可以快速搭建出风格统一的页面,提升开发效率.目前已有近 ...
浅尝 | 从 0 到 1 Vue 组件库封装
写在前面对于目前框架为王的时代,前端可能很大一部分时间,都是在开发相关的页面组件,而有句话说得好,没有哪个前端不想拥有一个属于自己的,为自己量身定制的组件库,那么本文就为大家整理一下: 如何从 0 ...
vue组件库大全（忘了的时候可以进来找一下~）
基于Vue的组件库 https://github.com/ElemeFE/element" element 饿了么出品的Vue2的web UI工具套件 https://github.com/ ...

vue组件库开发遇到的regeneratorRuntime is not defined

问题描述

问题的原因

解决方案

vue组件库开发遇到的regeneratorRuntime is not defined相关推荐

最新文章

热门文章