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

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

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

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

<img src="@/assets/logo.jpg" />
<img src="../src/assets/logo.png" alt="Smiley face" height="42" width="42">
<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
您是否提供了正确的路径？

标签： javascript vue.js webpack vuejs2 vue-cli

【解决方案1】：

你可以这样做

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

或

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

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

【讨论】：

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