Vue Swiper 找不到swiper.css 报错This dependency was not found:swiper/dist/css/swiper.css

Vue使用swiper下出错：This dependency was not found:swiper/dist/css/swiper.cssTo install it, you can run: npm install --save swiper/dist/css/swiper.css解决：官方说明了Swiper安装6.0版本或以上的话需要引入另外一个cssimport ‘swiper/swip

A_linyuan

2948人浏览 · 2020-08-14 15:31:01

A_linyuan · 2020-08-14 15:31:01 发布

Vue使用swiper下出错：
This dependency was not found:swiper/dist/css/swiper.css
To install it, you can run: npm install --save swiper/dist/css/swiper.css

解决：

官方说明了Swiper安装6.0版本或以上的话需要引入另外一个css

import ‘swiper/swiper-bundle.css’

替代

import ‘swiper/css/swiper.css’

完整写法

import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/swiper-bundle.css'
Vue.use(VueAwesomeSwiper, /* { default global options } */)

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^