0

在我的模板中,我正在使用代码

<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 加载器仍然是同样的问题

更新:已解决

简单地使用<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 版本,并且它也不在文档中。

4

1 回答 1

0

你试过require吗?例如:

<img :src="require('@/assets/images/logo-icon.png')" />
于 2021-02-10T19:11:46.657 回答