uni-app自定义组件components导入失败或页面不显示文本等解决方法
更新时间：2023年08月17日 11:33:15 作者：奈何-1912*
这篇文章主要给大家介绍了关于uni-app自定义组件components导入失败或页面不显示文本等的解决方法,众所周知Uni-app支持使用自定义组件,文中通过图文介绍的非常详细,需要的朋友可以参考下
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
一、排查问题
一般来说分三步走，如下图
如果引入不成功则考虑以下几个问题：
- 是 components 而非 component
- 导入后的命名方式采用驼峰命名法
- 检查需要引入的文件路径和文件名是否正确
二、第二种方法
如果还有问题，则采用第二种方式直接在 components 中引入、注册一体，引入直接使用 changeLib 即可。如下示例：
components: {
"changeLib": () => import('../../pages/profile/changeLib.vue')
},三、其他问题
components 引入的文件作为子组件，其加载的有些生命周期不会执行，如果页面有需要预加载数据的，建议放在 created 中进行接口数据请求，而不是使用 onLoad、onReady 等钩子。关于这一点本人已经深有体会。
1、使用onLoad 、onReady 钩子请求数据时，页面无数据
network面板无接口数据记录
console面板无打印记录
2、使用 created 时，console 面板和 network 面板均出现数据
总结
到此这篇关于uni-app自定义组件components导入失败或页面不显示文本等解决方法的文章就介绍到这了,更多相关uni-app components导入失败内容请搜索程序员之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持程序员之家！
相关文章
对象我们在前面也简单介绍过，它是一种将多个数据值集中在一个单元的东西，使用名字来存取，它是一个无序的属性集合2012-04-04
为JS扩展Array.prototype.indexOf引发的问题及解决办法
这篇文章主要介绍了为JS扩展Array.prototype.indexOf引发的问题及解决办法,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了JavaScript中将数组进行合并的基本方法讲解,包括快速合并多个数组的方法,需要的朋友可以参考下2016-03-03
今天学习了哈很简单的脚本语言----JavaScript，做了简单的笔记。放在这里吧，方便翻出来看看。2010-11-11
本文向大家简单介绍了javascript的事件处理机制，从事件源，事件操作到事件处理程序都做了简单介绍，并给出了部分示例，这里推荐给大家。2015-01-01
这篇文章主要介绍了JavaScript 闭包的相关资料,需要的朋友可以参考下2016-09-09
这篇文章主要介绍了JavaScript中的实例对象与原型对象,针对constructor属性和prototype属性展开来讲,需要的朋友可以参考下2016-03-03
你所要知道JS（DHTML）中的一些技巧...2007-01-01
这篇文章主要介绍了JavaScript中的Promise使用详解,promise对象是JS进阶学习中的重要知识点,需要的朋友可以参考下2015-06-06
本文从javascript的数据类型的简介开始谈起，接着讲述了javascript的6种数据类型，分别为Number、Boolean、String、Null、Undefined和Object，并给出了一个typeof操作符的示例，这里分享给大家。2015-03-03
最新评论