發現在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“报错未找到图片的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。