发现在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就没问题了。

GitHub 加速计划 / ass / assets
184
19
下载
Ultralytics assets
最近提交(Master分支:2 个月前 )
969b5911 3 个月前
dcb30515 4 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐