引入uni-app组件时报错：文件查找失败:‘@/compents/uni-popup.vue‘

最近小程序项目，用到的组件是uni-app，官方文档给出的答案是在hbuilder下载完插件后，直接在template里面引用，但是怎么都查找不到。

报错显示如图

在这里插入图片描述

解决思路

碰到这个问题，首先我会看自己是否成功下载了该插件以及网上说的sass、loader插件，在确保不是插件下载的问题下，接着再多看几次官方文档关于这个组件的使用，如图

在这里插入图片描述

错误原因

而最罪魁祸首的就是看了uni-app官方文档的不导入直接引用该组件，导致文件找不到。后来同事去询问了uni-app官方交流群，确实是有些错误，所以官方的有时候不一定绝对的百分百正确呀！

解决办法

解决办法就是在js文件下面加import ( so easy)

在这里插入图片描述