无法在Vue.js中加载图片（轮播）

Question

这是我的代码：

<template>
  <div class="heroBlock">
    <v-carousel hide-delimiters height="400px" cycle>
      <v-carousel-item
          v-for="(item,i) in items"
          :key="i"
          :src="item.src"
          reverse-transition="fade-transition"
          transition="fade-transition"
      ></v-carousel-item>
    </v-carousel>
  </div>



</template>

<script>
export default {
  data () {
    return {
      items: [
        {
          src: require("../test/src/assets/images/carousel1.jpg"),
        },
        {
          src: require("../test/src/assets/images/carousel1.jpg") ,
        },
        {
          src: require("../test/src/assets/images/carousel1.jpg"),
        },
        {
          src: require("../test/src/assets/images/carousel1.jpg"),
        },
      ],
    }
  },
}
</script>

<style scoped>
<

但是给我这个错误

ERROR编译失败，出现1个错误：1：30：58 PM

未找到此相对模块：

./node_modules/cache-loader/dist/cjs.js中的
• ../ test / src / assets / images / carousel1.jpg ?? ref--12-0！./ node_modules / babel-loader / lib！ ./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modu les / vue-loader / lib ?? vue-loader-options！./ src / components / Routes / Navbar / Home / NewHome.vue？vue＆type = script＆lang = js＆

但是如果我输入此部分，请给我没有错误：

            src: 'https://cdn.vuetifyjs.com/images/carousel/squirrel.jpg',

出什么问题了？