there are two pictures referenced, both of which have been compiled for a week, no problem. As a result, the file was not found just after compilation:

home

what is the problem and how to solve it?
both upgraded Visual Studio will not solve the problem.

thought of a solution, but it didn"t work either: import the image address like a loading variable, define it in data, use it directly in the component, and report an error:

    import bannerBiometric from "@/assets/images/banner-biometric2"
    import bannerSurveillance from "@/assets/images/banner-surveillance2"
    
        //data
        data(){
            return {
                img01:bannerBiometric,
                img02:bannerSurveillance
            }
        },
        
        //
            <swiper :options="swiperOption" class="swiper-box">
                <swiper-slide class="swiper-item"><img :src="img01" alt="..."></swiper-slide>
                <swiper-slide class="swiper-item"><img :src="img02" alt="..."></swiper-slide>
                <div class="swiper-pagination" slot="pagination"></div>
            </swiper>

an error like this is reported after compilation:

 ERROR  Failed to compile with 2 errors                                                                                                                                                     18:48:20
These dependencies were not found:

* @/assets/images/banner-biometric2 in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/pages/Home.vue
* @/assets/images/banner-surveillance2 in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/pages/Home.vue

To install them, you can run: npm install --save @/assets/images/banner-biometric2 @/assets/images/banner-surveillance2

I really don"t know what the problem is. I was fine before. How can this picture be loaded in vue so as not to report an error?