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?