组件库es打包出现默认vue引用导致es版本打包结果不可用

来源：16-13 组件库打包第五部分 - 拆分构建脚本

huedini

2024-06-20

老师，我有两个问题
问题一、我现在按照您的配置，打包es, 实际使用import { componentName } from ‘my-library-name’ 的时候报一个错；

No matching export in vue.runtime.esm-bundler.js" for import "default"

看了下生成的js代码, 有一个import xxx, { xxx } from 'vue’
但是我全局搜了我组件封装的代码，没有这样引用vue依赖的语法，不知道这个import 是怎么来的，目前是已经有个10+个组件才遇到这个问题的。我应该怎么排查处理这个问题呢？

问题二、如果我基于ant design 二次封装组件库，需要在您的课程上额外做什么处理吗。

写回答

1回答

张轩

2024-06-21

同学你好

1 能否提供一下你的源代码（git），我在本地帮你看一下，

2 应该不需要做额外的处理，我记得新版的 ant design 可以比较好的适配 es 的格式。

huedini

张轩

好的，这个是不是得写脚本每个组件各自打包呀，老师找到解决方案麻烦和我分享一下～感谢！

2024-06-27

共7条回复

进阶必学，打造媲美ElementPlus的组件库

Vue3.3 + TS4 ，自主打造媲美 ElementPlus 的组件库

481 学习 · 219 问题

相似问题

回答 1

回答 1

回答 2

回答 1

回答 2