uniapp-文件查找失败:‘@dcloudio/uni-ui/lib/uni-card/uni-card.vue‘

文件查找失败:’@dcloudio/uni-ui/lib/uni-card/uni-card.vue’

我是在使用HBuilderX进行uni_app的小程序开发时遇到的问题,当时是直接从远程下载同事的代码运行,没有问题,之后去导入uni_ui库时出现的问题。
在这里插入图片描述

其实这种错误一般不会出现,因为是第一次接触,而且没有仔细看官方文档的导入使用才出现的问题。

官方导入方式

官方文档:uni_ui插件,注意看快速使用那里。
uniapp-文件查找失败:‘@dcloudio/uni-ui/lib/uni-card/uni-card.vue‘_第1张图片uniapp-文件查找失败:‘@dcloudio/uni-ui/lib/uni-card/uni-card.vue‘_第2张图片

报错原因

使用了上面的uni_ui第二种导入方式npm+easycom,在pages.json文件中配置了easycom规则但没有下载uni-ui文件到本地,所以HubilderX会找不到文件
uniapp-文件查找失败:‘@dcloudio/uni-ui/lib/uni-card/uni-card.vue‘_第3张图片

解决办法

我是直接将easycom删除,并且使用第一种导入方式:使用uni_modules。不过这里需要你注册登录。
uniapp-文件查找失败:‘@dcloudio/uni-ui/lib/uni-card/uni-card.vue‘_第4张图片
uniapp-文件查找失败:‘@dcloudio/uni-ui/lib/uni-card/uni-card.vue‘_第5张图片
第二种就是使用npm在本地安装uni_ui的库了

具体的方法都在官方文档:uni_ui插件里面的快速开始那里。

结语

一开始都不想写这篇文档,因为错误很低级,没有仔细看官方文档导致的。但是想到当时全网都搜不到解决办法,一直在垃圾文章和自己胡乱测试中浪费时间。所以还是记录一下,说不定能帮到别人呢。

你可能感兴趣的:(uni-app)