【uni-app】使用外部组件不显示报错组件未找到解决方案

简介: 前言大家好,今天和大家分享一下uni-app使用外部组件不显示报错的一个解决方案,希望能够帮助到大家。

前言

大家好,今天和大家分享一下uni-app使用外部组件不显示报错的一个解决方案,希望能够帮助到大家。

一、问题描述

我在使用uni-app在开发项目时引入了一个外部的组件库,刚开始引入的时候还是正常的但是随着开发进度的进行,在一次测试时突然发现有几个页面使用的组件都不管用了,而且控制台也开始报错了。

49b2769a75ab41e68fba31bb921098a6.png


出现这个报错的时候我也是开始寻找解决的方法,但是没有找到,在查看代码时发现了终端也有几个报错。

945356a6b1184cf4b61ce5ddadb31336.png


可以看23行被划出来了,后来发现是格式错误了,我image的src使用的是引号和两个花括号包裹的,虽然说这样图片也可以显示,但是这不是一个正确的格式,所以我就更改为正确的格式.

在uni-app中是不需要使用花括号包裹的,但是要在src的前面加上冒号,当我改为正确的时候这个报错就没有了,当我查看页面的时候发现这个页面所使用的外部组件竟然显示了,未找到的报错也没有了。

一般这种错误都是因为你的格式不正确,还有一个页面的错误是这样的。

14d75e3a3cff4d5e85934843ffe87467.png

这个错误的话也是自接告诉了你,你的项目中那里有错误,那里出现了问题,还很贴心的告诉了你解决方法,这个报错的话翻译一下就是让你把你的这个错误的格式改为正确的,这个错误和上边的图片是一样的,把花括号去掉,使用冒号的方式进行绑定就可以了。

改过之后也是没有出现报错,当前页面所使用的组件也是正常的。

二、温馨提示

当在项目开发或者其他,当出现了错误就要马上进行解决,虽然说有些时候报错了但还能接着使用也不要存侥幸心理,出现报错就要立马进行解决,不然的话只会错上加错,越来越乱,当错误变多的时候就变的复杂难以解决了。

总结

错误是指程序或系统在执行期间发生了一些不可预料的错误或异常情况,导致程序无法正常执行或产生错误的结果。解决方案是指在遇到错误时采取的措施,以修复错误或使程序能够正常运行。

解决方案与错误之间的关系是,解决方案是为了解决错误而产生的。当发生错误时,我们需要识别和分析错误发生的原因,然后提供一些可以解决问题或修复错误的解决方案。在这个过程中,解决方案将充当实现错误修复的工具或方法。因此,错误和解决方案之间是相互关联的,错误的存在促使我们寻求解决方案来解决它。

以上就是本章的全部内容了,感谢您的阅读,希望能够帮助到您。


相关文章
|
3月前
|
JSON 自然语言处理 数据格式
使用Tabs选项卡组件快速搭建鸿蒙APP框架
ArkUI提供了很多布局组件,其中Tabs选项卡组件可以用于快速搭建鸿蒙APP框架,本文通过案例研究Tabs构建鸿蒙原生应用框架的方法和步骤。
393 5
使用Tabs选项卡组件快速搭建鸿蒙APP框架
|
3月前
|
监控 数据挖掘 API
快应用报错Module Error 分包要求 app.json#minPlatformVersion 不小于 1061, 当前值为 21解决方案-优雅草卓伊凡
快应用报错Module Error 分包要求 app.json#minPlatformVersion 不小于 1061, 当前值为 21解决方案-优雅草卓伊凡
134 0
|
10月前
|
前端开发 安全 开发工具
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
677 90
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
|
11月前
|
Dart 前端开发
【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
390 75
【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
|
6月前
《仿盒马》app开发技术分享-- 积分页组件新增(64)
上一节我们创建了积分页,给页面添加了标题栏和积分展示的组件。这一节我们继续丰富积分页的内容,添加引导栏,积分明细展示等区域
138 0
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
3152 7
|
7月前
|
测试技术 Linux 网络安全
【App Services】App Service报错远程证书无效 - "The remote certificate is invalid according to the validation procedure"
在开发环境中,新部署的应用(App Service)无法与 Salesforce 的远程端点建立 SSL/TLS 连接,报错显示证书无效。经分析,防火墙启用了 SSL Inspection,插入了私有 CA 签发的中间证书,导致 App Service 无法验证。解决方案包括禁用 SSL Inspection、设置 `WEBSITE_LOAD_ROOT_CERTIFICATES` 环境变量或临时禁用代码中的 SSL 验证(仅限测试环境)。
218 8
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
2829 1
|
8月前
|
人工智能 小程序 API
【一步步开发AI运动APP】四、使用相机组件抽帧
本文介绍了如何使用`ai-camera`组件开发AI运动APP,助力开发者深耕AI运动领域。`ai-camera`是专为AI运动场景设计的相机组件,支持多平台,提供更强的抽帧处理能力和API。文章详细讲解了获取相机上下文、执行抽帧操作以及将帧保存到相册的功能实现,并附有代码示例。无论是AI运动APP还是其他场景,该组件都能满足预览、拍照、抽帧等需求。下篇将聚焦人体识别检测,敬请期待!
|
11月前
|
Dart 前端开发 容器
【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
376 18
【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈