今天在HBuilderX中使用uniapp开发微信小程序时遇到了这个问题:uniapp-文件查找失败:'@dcloudio/uni-ui/lib/uni-icons/uni-icons.vue',就是找不到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

报错原因

我用的是npm+easycom引入的,pages.json中已经引入了easycom,但是文件夹中的内容是空的,找不到文件。
引入

解决办法

注释掉easycom那几行代码,删掉左边的文件夹,然后使用上面说的第二种方式导入组件即可。

如果觉得我的文章对你有用,请随意赞赏
END
本文作者:
文章标题:uniapp-文件查找失败: ‘@dcloudio/uni-ui/lib/uni-icons/uni-icons.vue‘
本文地址:https://blog.ybyq.wang/archives/232.html
版权说明:若无注明,本文皆Xuan's blog原创,转载请保留文章出处。