图片加载失败 src: undefined../assets/gov_logo.jpg

Posted

技术标签:

【中文标题】图片加载失败 src: undefined../assets/gov_logo.jpg【英文标题】:Image load failed src: undefined../assets/gov_logo.jpg 【发布时间】:2020-07-08 19:21:39 【问题描述】:

我正在尝试从 assets 文件夹加载图像,但它不起作用:

我尝试了以下方法。请帮帮我。

<img src="@/assets/logo.jpg" />
<img src="../src/assets/logo.png"   >
<v-img :src="__static + 'assets/logo.png'"></v-img>
<v-img src="./src/assets/logo.png"></v-img>
<v-img :src="__dirname + '/src/assets/logo.png'"></v-img>
<v-img :src="__static + '../assets/gov_logo.jpg'"></v-img>

【问题讨论】:

这能回答你的问题吗? How do I bind a :src for an image in the child component? 我正在尝试在父组件中加载图像。 @BoussadjraBrahim 是的,但我的意思是使用require 就像在这个answer 中一样 我在 data() 中遇到错误:“错误:找不到模块 './assets/gov_logo.jpg'”。 @BoussadjraBrahim 您是否提供了正确的路径? 【参考方案1】:

你可以这样做

<img src="@/assets/logo.png" />

<img :src="require('@/assets/logo.png')" />

您的第一次尝试会成功,但您使用了.jpg 而不是.png

【讨论】:

它有效。谢谢你。我能再问一个问题吗? @丹 当我在 assets 文件夹中使用默认的 vue logo 时,它可以工作,但是当我使用其他图像时,它不起作用。我找不到模块:错误:无法解析“@/assets/gov_logo.jpg”@Dan 应该的。确保使用正确的路径和文件名。如果您愿意,您可以发表评论,并在您的项目目录中显示您的其他图像的屏幕截图,并显示您用于显示它的代码。 我能提供什么帮助?当你发现你的路径错误时,我假设你解决了它。 Vue 的 logo 和任何其他图片没有区别,所以你必须展示你的代码和你的项目目录的截图。 图像问题之前已经解决了。抱歉,我以错误的格式提问。其实我想问这个问题***.com/questions/60897227/…@Dan

以上是关于图片加载失败 src: undefined../assets/gov_logo.jpg的主要内容,如果未能解决你的问题,请参考以下文章

img属性src的特点

图片加载失败 src: undefined../assets/gov_logo.jpg

vue2.0实现图片加载失败默认显示图片

<v-img> 不适用于静态图像。 [Vuetify] 图片加载失败 src:@/assets/img/logo.png

Vue 中img图片加载失败解决方案

图片加载失败显示默认图片占位符