组件库中和测试项目中配置了一样的路径别名。本地调试出现找不到文件的问题

组件库中和测试项目中配置了一样的路径别名。本地调试出现找不到文件的问题

组件库的rollup配置

https://img1.sycdn.imooc.com//climg/631ad406095d25b610791112.jpg


组件库中的组件引入其他文件

https://img1.sycdn.imooc.com//climg/631ad4500939512f09450308.jpg



测试项目使用的vite 配置路径

https://img1.sycdn.imooc.com//climg/631ad7aa0996249807760485.jpg


测试项目本地npm link 组件库之后 引入组件

https://img1.sycdn.imooc.com//climg/631ad4bb0984982709290290.jpg


运行之后报错

https://img1.sycdn.imooc.com//climg/631ad4e709f88cae08720071.jpg


经过调试发现 组件库引入的

/@/utils/create

其实走的路径是测试项目的文件路径,测试项目中没有此路径的文件,所以找不到


两个项目的文件路径引用为什么没有隔离,这种情况要怎么解决







正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好

我查阅了一些文档以及搜索了一阵,据我所知,这个问题目前没发很好的解决。https://stackoverflow.com/questions/73819426/vitevue-package-referenced-via-npm-link-cant-resolve-vite-resolve-alias

因为在测试项目运行的时候,它直接使用的对应的 link 中的文件,会直接按照 vite 的规则替换对应的路径。

这里只有妥协一下,1 在组件库中不要使用 @ 符合。

2 每一次组件库都完成打包,直接测试打包以后的结果。

张轩 2022-09-10 09:29:57

同学你好

请问方便提供一下代码库(git)吗? 我帮你在本地调试一下看看

  • 提问者 慕粉7094884 #1

    老师 这是我的仓库地址,https://github.com/dreamoflu/npm-components,帮忙看一下两个项目中路径别名冲突的问题

    2022-11-06 18:28:11
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师