如何解决找不到 Vue 相对路径图像依赖
在我的模板中我使用了代码
<img src="@/assets/images/logo-icon.png" alt="homepage" class="dark-logo" />
或
<img src="./assets/images/logo-icon.png" alt="homepage" class="dark-logo" />
出现以下错误
This dependency was not found:
* @/assets/images/logo-icon.png in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/Header.vue?vue&type=template&id=61dd7a3d
尝试在 vue.config.js 中使用 url loader 仍然是同样的问题
更新:已解决
简单地使用 <img src="/assets/images/logo-icon.png" alt="homepage" class="dark-logo" />
而不是 <img src="assets/images/logo-icon.png" alt="homepage" class="dark-logo" />
解决了我的问题,。并且 @ 不适用于最新的 Vue 版本,我猜它也不在文档中。
解决方法
你试过 require
吗?
例如:
<img :src="require('@/assets/images/logo-icon.png')" />
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。