app.vue中引用图片src=“../assets/logo.png“报错未找到图片
生活随笔
收集整理的這篇文章主要介紹了
app.vue中引用图片src=“../assets/logo.png“报错未找到图片
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
發現在views或components里的vue里用src="…/assets/logo.png"是沒有問題的,但是在app.vue里這么使用出現報錯:
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&為什么呢?
很簡單,app.vue是和assets平級的,當我們使用…/時代表向上一級退出
仔細觀察左上角可以發現第一個是assets。
但如果直接點擊圖片呢?
可以看到正確情況應該是有src的,所以刪去…/后使用./assets/logo.png就沒問題了。
總結
以上是生活随笔為你收集整理的app.vue中引用图片src=“../assets/logo.png“报错未找到图片的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 同一个电脑可安装多个python版本吗_
- 下一篇: mint-UI引用后样式不对