uni-app自定義組件components導入失敗或頁面不顯示文本等解決方法

更新時間：2023年08月17日 11:33:15 作者：奈何-1912*

這篇文章主要給大家介紹了關(guān)于uni-app自定義組件components導入失敗或頁面不顯示文本等的解決方法,眾所周知Uni-app支持使用自定義組件,文中通過圖文介紹的非常詳細,需要的朋友可以參考下

一、排查問題

一般來說分三步走，如下圖

如果引入不成功則考慮以下幾個問題：

是 components 而非 component
導入后的命名方式采用駝峰命名法
檢查需要引入的文件路徑和文件名是否正確

二、第二種方法

如果還有問題，則采用第二種方式直接在 components 中引入、注冊一體，引入直接使用 changeLib 即可。如下示例：

components: {
	"changeLib": () => import('../../pages/profile/changeLib.vue')
},

三、其他問題

components 引入的文件作為子組件，其加載的有些生命周期不會執(zhí)行，如果頁面有需要預(yù)加載數(shù)據(jù)的，建議放在 created 中進行接口數(shù)據(jù)請求，而不是使用 onLoad、onReady 等鉤子。關(guān)于這一點本人已經(jīng)深有體會。