url - Vuetify Standard Setup (babel/eslint) イメージの読み込みに失敗しました

Question

私は VueJS プロジェクトに取り組んでおり、カルーセルに画像を読み込もうとしています。私は標準設定を使用しており、アセットフォルダーに画像があります。画像のURLを参照します

<v-carousel-item src="@/assets/promo1.jpg">

しかし、 npm run serveを使用してサーバーを実行すると、 Image Load Failedエラーがスローされます。

console.js?66f6:36 [Vuetify] Image load failed

src: @/assets/promo1.jpg

found in

---> <VImg>
       <VCarouselItem>
         <VCarousel>
           <Home> at src/views/Home.vue
             <VApp>
               <App> at src/App.vue
                 <Root>

提案の 1 つが webpack 構成を台無しにしている場合、それを見つけることができないようです。また、スターター テンプレートの最初のイメージが正常に機能したことにも注意してください。しかし、カスタム イメージが機能しません。