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

最新推荐文章于 2024-07-24 22:12:16 发布
最新推荐文章于 2024-07-24 22:12:16 发布
阅读量2.1w 收藏 1
点赞数 2
分类专栏： JavaScript进阶 文章标签： 文件查找失败compents 引入uni-app报错
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45822171/article/details/119220692
版权

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

报错显示如图在这里插入图片描述
解决思路

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

错误原因

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

解决办法

解决办法就是在js文件下面加import ( so easy)
在这里插入图片描述

程序媛夏天
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
Vue3中使用component :is 加载组件
m0_51431448的博客
02-11 4万+
1.不使用setup语法糖，这种方式和vue2差不多，is可以是个字符串 <template> <Child1 /> <Child2 /> <component :is="currentComp"></component> <el-button @click="compChange">切换组件</el-button> </template> <script> import
collapse 微信小程序_微信小程序总结
weixin_39801475的博客
12-20 773
一.静态部分1.标签及其组件方法一1.下载有赞ui库，将其中的dist文件移入到我们的项目中在app.json文件中的"usingComponents"中将dist中所有的组件引入"usingComponents": {"van-action-sheet": "./dist/action-sheet/index","van-area": "./dist/area/index","van-badge...
vue3中使用jweixin-module报错
qq_36093530的博客
03-01 6380
在vue3中使用： var jweixin = require('jweixin-module'); 会编译报错：require is not defined,没有require模块，改成import的话，由于jweixin-module不支持export写法，所以引入也不能成功. 解决： 使用第三方封装的jdk: weixin-js-sdk npm install weixin-js-sdk -S import jweixin from 'weixin-js-sdk' ...
[uni-app] 微信小程序 - 组件找不到/导入报错 (分包问题导致)
iOSTianNan的博客
07-24 5235
我们先来假设一个场景,如果小程序进行了分包操作, 其中有个公共组件需要被各个。尝试了清缓存\重启\删项目等一些列操作均无效。,本身是被分包处理了, 他是作为子包存在的(这个子包中, import同级别的子报。依赖使用, 那显然我们会将该组件放置在。由于项目刚接手,还未仔细观察分包结构,上面两个路径中, 都存在一模一样的。切换了个路径下的组件, 导入失败,, 就会出现导入报错失败的提示,这也说明了, import。组件的import的父组件。这里的问题就出在了分包,
基于vite搭建vue3的uniapp项目引入自定义组件报错[plugin:uni:mp-using-component] Unexpected token B in JSON at position
最新发布
weixin_52102740的博客
07-24 553
解决vite结合uniapp开发中出现引入自定义组件的问题
uni-app运行微信小程序时文件查找失败的问题
qq_27181261的博客
03-03 2万+
uniapp运行微信小程序文件查找失败的问题
uniapp-文件查找失败：‘@dcloudio/uni-ui/lib/uni-card/uni-card.vue‘
热门推荐
weixin_43898640的博客
11-29 6万+
文件查找失败：’@dcloudio/uni-ui/lib/uni-card/uni-card.vue’ 我是在使用HBuilderX进行uni_app的小程序开发时遇到的问题，当时是直接从远程下载同事的代码运行，没有问题，之后去导入uni_ui库时出现的问题。 其实这种错误一般不会出现，因为是第一次接触，而且没有仔细看官方文档的导入使用才出现的问题。 官方导入方式 官方文档：uni_ui插件，注意看快速使用那里。 报错原因 使用了上面的uni_ui第二种导入方式npm+easycom，在pages.js
【uview安装】uniapp安装uview组件库步骤，出现找不到文件报错情况原因
seeeeeeeeeee的博客
06-18 5435
按照安装步骤来
文件查找失败：'C:/Users/Administrator/Desktop/潮流男鞋/pages/public/login.vue' at pages.json:1
07-27
- *1* [引入uni-app组件时报错：文件查找失败:‘@/compents/uni-popup.vue](https://blog.csdn.net/weixin_45822171/article/details/119220692)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630",...
uniapp 封装组件，全局引用，局部引用
XiaoMingYun的博客
02-24 3921
uniapp 封装组件，全局引用，局部引用
解决vue动态路由异步加载import组件,加载不到module的问题
10-15
在使用Vue.js框架开发单页应用时，经常会遇到需要动态加载页面组件的情况，尤其是在路由配置项中使用异步加载，以达到按需加载页面组件，优化首屏加载时间的目的。Vue使用webpack作为打包工具时，可以通过import()...
uni-popup在vue3获取不到open()方法
m0_62665400的博客
04-29 593
报错【TypeError: Cannot read property 'open' of null】
VScode 中 import 自定义模块时提示不存在或以相对路径打开数据集时找不到文件
m0_60307945的博客
11-10 2020
解决方案：在VScode中按快捷键：ctrl+shift+p，弹出查找框，输入：Open User Settings(JSON)，点击后弹出settings.json文件，修改部分代码如下所示，如果没有则手动添加该代码。原因：VScode默认模块查找路径中不包含中当前工作目录，即如图所示。
uniapp-引入模块失效的问题
Anorry的博客
09-15 1487
在前段时间的开发中，我遇到了一个bug就是引入了一个模块但是却没有生效，由于静态页面不是我完成的，所以我花了一些时间才发现问题所在。
使用uni-popup弹警告slot ““ is not found
weixin_59803648的博客
06-28 1331
使用uni-popup弹如下警告，虽然不影响功能，但一堆警告也是很烦解决办法：找到uni-popup组件中的uni-popup.vue文件，将里边v-if改成v-show即可更改了之后uni.transition也报此警告，同样将vue文件里的v-if替换为v-show...
uniapp小程序之weapp引入无效，报错
8月13日
12-27 1556
没事弄个uniapp小程序玩，然后在引入weapp出现各种bug，也不算是bug，但是，也困扰我好久了 出现引入的组件报错，一直在报错 解决办法： 主要是因为没有看一篇文档https://uniapp.dcloud.io/frame?id=%e5%b0%8f%e7%a8%8b%e5%ba%8f%e7%bb%84%e4%bb%b6%e6%94%af%e6%8c%81 里面主要介绍了在各种项目中，这...
vscode导入文件运行提示找不到文件问题解决方法
qq_63538423的博客
03-01 2084
vscode导入文件运行提示找不到文件问题解决方法 Openbrowserfailed!!Pleasecheckifyouhaveinstalledthebrowsercorrectly!
uni-app引入小程序自定义组件
zeroyulong的博客
06-28 4147
参见官方文档 https://uniapp.dcloud.io/frame?id=%e5%b0%8f%e7%a8%8b%e5%ba%8f%e7%bb%84%e4%bb%b6%e6%94%af%e6%8c%81 1.新建wxcomponents文件夹，存放组件 ┌─wxcomponents 微信小程序自定义组件存放目录 │ └──custom 微信小程序自定义组件 │ ├─index.js │
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序媛夏天

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值