微信小程序圖片無(wú)法顯示怎么辦？

解決微信小程序圖片無(wú)法顯示的辦法：

新建一個(gè)測(cè)試小程序

按照提示的操作就可以了，沒(méi)有 appid選擇體驗(yàn)的即可

1.沒(méi)有appid無(wú)法預(yù)覽

2.給標(biāo)簽元素設(shè)置背景圖片

但是并沒(méi)有顯示背景圖片，只顯示了設(shè)置的背景顏色。

3.是否是圖片的路徑錯(cuò)誤呢？我們通過(guò)image標(biāo)簽查驗(yàn)一下

可以看到圖片正常顯示了

4.上述說(shuō)明我們圖片路徑引入并沒(méi)有錯(cuò)誤 ，查看控制臺(tái)，背景圖片已經(jīng)報(bào)錯(cuò)了

5.上訴錯(cuò)誤提示我們了解到

本地資源無(wú)法通過(guò) WXSS 獲取

background-image：可以使用網(wǎng)絡(luò)圖片，或者 base64，或者使用<image/>標(biāo)簽

我們驗(yàn)證一下確實(shí)得到了預(yù)期的效果

6.還有一點(diǎn)，報(bào)錯(cuò)信息中說(shuō)wxss無(wú)法獲取本地資源，那么我們用行內(nèi)樣式查看是否可以，刪除wxss中的背景。

通過(guò)測(cè)試我們得到了想要的結(jié)果。

推薦教程：《小程序》