Visual Studio prompts that the file cannot be found when compiling. How can the image be loaded in vue without reporting an error?

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:

clipboard.png

clipboard.png

home

clipboard.png

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?

Aug.31,2021

<swiper-slide class="swiper-item"><img :src="reqire(src)" alt="..."></swiper-slide>

try using require

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e595c7-45520.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e595c7-45520.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?