uni-app自定義組件components導(dǎo)入失敗或頁面不顯示文本等解決方法
一、排查問題
一般來說分三步走,如下圖

如果引入不成功則考慮以下幾個問題:
- 是 components 而非 component
- 導(dǎo)入后的命名方式采用駝峰命名法
- 檢查需要引入的文件路徑和文件名是否正確
二、第二種方法
如果還有問題,則采用第二種方式直接在 components 中引入、注冊一體,引入直接使用 changeLib 即可。如下示例:
components: {
"changeLib": () => import('../../pages/profile/changeLib.vue')
},三、其他問題
components 引入的文件作為子組件,其加載的有些生命周期不會執(zhí)行,如果頁面有需要預(yù)加載數(shù)據(jù)的,建議放在 created 中進行接口數(shù)據(jù)請求,而不是使用 onLoad、onReady 等鉤子。關(guān)于這一點本人已經(jīng)深有體會。
1、使用onLoad 、onReady 鉤子請求數(shù)據(jù)時,頁面無數(shù)據(jù)

network面板無接口數(shù)據(jù)記錄

console面板無打印記錄

2、使用 created 時,console 面板和 network 面板均出現(xiàn)數(shù)據(jù)


總結(jié)
到此這篇關(guān)于uni-app自定義組件components導(dǎo)入失敗或頁面不顯示文本等解決方法的文章就介紹到這了,更多相關(guān)uni-app components導(dǎo)入失敗內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript中document.referrer的用法詳解
這篇文章主要給大家介紹了關(guān)于JavaScript中document.referrer的用法,文中通過示例代碼介紹的非常詳細,對大家具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起看看吧。2017-07-07
解析js如何獲取當(dāng)前url中的參數(shù)值并復(fù)制給input
本篇文章是對js獲取當(dāng)前url中的參數(shù)值并復(fù)制給input的方法進行了詳細的分析介紹,需要的朋友參考下2013-06-06
Javascript學(xué)習(xí)筆記6 prototype的提出
所以你還會再說是否用prototype都是一樣的么?其實我以前也是這么理解的,在這次偶然的試驗中看到了這個問題。2010-01-01
javascript學(xué)習(xí)筆記(三)顯示當(dāng)時時間的代碼
主要是為了熟悉javascript中在date對象,大家可以看下。2011-04-04

