使用vue-cli创建一个uni项目，然后在uni项目的父目录下建立一个与uni项目同级的test_components目录（记得npm init初始化一下，任意取名即可，比如test-components-1122），用来放置一个测试的uni的vue组件(比如test.vue)
然后回到uni项目根目录下使用npm i ../test_components安装这个组件
然后在uni项目中任何一个vue文件中import test from 'test-components-1122/test.vue' （或者使用esaycom设置也一样）
9***@qq.com
- 发布：2020-07-25 14:20
- 更新：2021-09-09 20:43
- 阅读：1550
【报Bug】uni-app引入的组件是使用npm安装的本地开发包的组件（npm i .../test_components），编译后的usingComponents路径出错
分类：uni-app
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
第三方开发者工具版本号： webstorm
基础库版本号： 2.0.0-25120200103006 （最新也一样）
项目创建方式： CLI
CLI版本号： 2.0.0-25120200103006 （最新也一样）
操作步骤：
预期结果：
打包后应该生成一个正确的usingComponents路径，并且组件文件应该在打包后的目录之内
打包后应该生成一个正确的usingComponents路径，并且组件文件应该在打包后的目录之内
实际结果：
生成的usingComponents路径不正确，并且组件文件在打包后的目录之外
生成的usingComponents路径不正确，并且组件文件在打包后的目录之外
bug描述：
通过npm i 安装本地的组件包，比如npm i ../test_components
装完之后在uni项目中import这个组件，最后打包完的目录中生成的页面json中的usingComponents的路径会错误，会指向到打包目录之外，并且组件的目录也会生成到打包目录之外，比如
├─dist
│ └─dev
│ ├─mp-weixin
│ └─test_components
2 个回复
9***@qq.com (作者) - 天堂里的花大咩
没人管吗？
社交软件联盟 - 免费的社交软件开发框架和运营支持合作联盟
遇到了同样的问题，本地自己开发的npm包，打包打外面去了