在Vue.js中找不到图像路径

Question

我正在尝试显示Vue.js中数组中的图像。问题是当我尝试在组件内部实现图像时，它说无法从该路径中找到该图像。组件位于components文件夹内，图像位于assets文件夹内。我什至尝试创建图像文件夹并将这些图像从资产移到图像文件夹中，但仍然显示相同的错误。

 <div v-for="number in [currentNumber]" :key='number'>
        <img :src="require(currentImage)" />
      </div>
...
export default {
  name: 'HelloWorld',
  data() {
    return {
      images: ['../assets/img1.jpg','../assets/img2.jpg'],
      currentNumber: 0,
    }
  },

我甚至尝试将资产中的图像移到单独的图像文件夹中：

 images: ['../images/img1.jpg','../images/img2.jpg'],

问题是相同的。我检查了堆栈溢出中的其他类似问题，但没有一个起作用。我该如何解决这个问题？

Answer 1

您必须要求使用%username%@%host% MINGW64 ~ $ ：

image