uniapp-文件查找失败:‘@dcloudio/uni-ui/lib/uni-icons/uni-icons.vue‘
uniapp-文件查找失败:‘@dcloudio/uni-ui/lib/uni-icons/uni-icons.vue’
今天在HBuilderX中使用uniapp开发微信小程序时遇到了这个问题,就是找不到uni-ui组件
当时创建项目,选择了一个中间带+的底部带选项卡模板,并没有选择内置uni-ui的项目模板,因为是第一次用,并不知道前者中没有引入uni-ui
看了看官方文档,有三种导入方式
1、新建项目时,直接选择uni-ui模板
2、使用 uni_modules 方式安装组件库,可以直接通过插件市场导入
3、使用npm+easycom引入,在终端执行npm i @dcloudio/uni-ui
或 yarn add @dcloudio/uni-ui
报错原因
我用的是npm+easycom引入的,pages.json中已经引入了easycom,但是文件夹中的内容是空的,找不到文件。
解决办法
注释掉easycom那几行代码,删掉左边的文件夹,然后使用上面说的第二种方式导入组件即可。
作者:xuan
个人博客:https://blog.ybyq.wang
欢迎访问我的博客,获取更多技术文章和教程。