使用vitePress搭建公司组件库问题(1)

79 阅读1分钟

因为是二次封装第三方组件库,所以就是有一些问题需要解决,在此需要掌握工厂化思维,npm发包,二次封装组件编辑器代码提示

遇到第一个问题ag-grid-vue这个组件他是一个第三方组件包 执行图片中的命令报错 1707118378179.png 我当时就特别疑惑,恶心的是我在开发环境正常使用这个组件,毫无问题,现在打包却出现问题

1707118541101.png

问题大致是在告诉我“ag-grid-vue3”是一个CommonJS模块,它可能不支持所有模块。导出为命名导出。我就顿时懵了百度啊,网上说是第三方插件自己没有规范起来,我也想不可能降低版本吧,所以我翻阅各种资料,降低vite版本,因为我之前在别的项目使用打包都没有任何问题,一度怀疑是高版本vite问题,最后终于让我解决掉

1707118773776.png

解决这个问题花费我好久,其实我现在平时去解决问题都会去看GitHub包的issuse,那个里面就可以搜索一下问题,有很多的热心的人进行解答