app.vue中引用图片src=“../assets/logo.png“报错未找到图片
生活随笔
收集整理的這篇文章主要介紹了
app.vue中引用图片src=“../assets/logo.png“报错未找到图片
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
發(fā)現(xiàn)在views或components里的vue里用src="…/assets/logo.png"是沒(méi)有問(wèn)題的,但是在app.vue里這么使用出現(xiàn)報(bào)錯(cuò):
This relative module was not found:* ../assets/logo.png in ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1db7dce2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=template&id=7ba5bd90&為什么呢?
很簡(jiǎn)單,app.vue是和assets平級(jí)的,當(dāng)我們使用…/時(shí)代表向上一級(jí)退出
仔細(xì)觀察左上角可以發(fā)現(xiàn)第一個(gè)是assets。
但如果直接點(diǎn)擊圖片呢?
可以看到正確情況應(yīng)該是有src的,所以刪去…/后使用./assets/logo.png就沒(méi)問(wèn)題了。
總結(jié)
以上是生活随笔為你收集整理的app.vue中引用图片src=“../assets/logo.png“报错未找到图片的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 同一个电脑可安装多个python版本吗_
- 下一篇: mint-UI引用后样式不对