出现 Vue 错误：找不到动态图像的图像模块

【问题标题】：Getting a Vue Error: Cannot find module for image for dynamic image出现 Vue 错误：找不到动态图像的图像模块
【发布时间】：2022-01-15 17:38:14
【问题描述】：

我查看了Vue cannot find module image location 并没有找到解决方案。

当我硬编码时在我的代码中

:src="require('@/assets/featured/pizzaOne.jpeg')"

我得到了图像。但是当我尝试

:src="require(`${item.img}`)"

我收到错误：找不到模块“@/assets/featured/pizzaOne.jpeg” 不知道为什么以及如何解决这个问题

【问题讨论】：

【解决方案1】：

如果您可以将item.img 更改为仅命名pizzaOne.jpeg，则在方法中：

methods: {
  getImgUrl: function (img) { 
     return require('@/assets/featured/' + img);
  }
}

以模板结尾：

<img :src="getImgUrl(item.img)" />

【讨论】：

谢谢，为什么会这样？
很好的解决方案！它可以工作，但您需要确保方法名称 getImgUrl 与标记中使用的名称匹配。所以它要么是getImgUrl 要么是getImage，或者任何你喜欢的，只要名字匹配。