图片加载失败 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的主要内容,如果未能解决你的问题,请参考以下文章
图片加载失败 src: undefined../assets/gov_logo.jpg
<v-img> 不适用于静态图像。 [Vuetify] 图片加载失败 src:@/assets/img/logo.png