問題一:Can't resolve './views/Film/Swiper' in 'I:\project\hdemo\newdemo\src\views'
Module not found: Error: Can't resolve './views/Film/Swiper' in 'I:\project\hdemo\newdemo\src\views'
@ ./src/views/Film.vue?vue&type=script&lang=js& 1:0-210 1:226-229 1:231-438 1:231-438
@ ./src/views/Film.vue 2:0-56 3:0-51 3:0-51 9:2-8
@ ./src/router/route.js 3:0-37 17:13-17
@ ./src/main.js 7:0-36 12:10-16
解決方式:外層
import Swiper from "@/views/Film/Swiper";
不要用
import Swiper from "./views/Film/Swiper";
在里面使用:
1.npm命令安裝swiper
npm install swiper --save-dev復(fù)制代碼
2.在需要用到swiper插件的組件中引入swiper
import Swiper from "swiper"復(fù)制代碼
3.在組件style中引入swiper插件的css(在node_modules找到Swiper包里邊的css文件引入)
@import "../../../node_modules/swiper/swiper-bundle.css";復(fù)制代碼
4.在methods方法里面初始化swiper插件恕刘。
一個(gè)頁面中引用多個(gè)Swiper托呕,可以給每個(gè)容器加上ID或Class區(qū)分馅扣,要保留默認(rèn)的類名swiper-container鹊碍。
參考文章:
https://juejin.cn/post/6992794099275268103