Nuxt报错：vue-awesome-swiper/dist/ssr，swiper/dist/css/swiper.css未找到

修改nuxt.config.js如下：plugins: [{ src: '~/plugins/nuxt-swiper-plugin.js', ssr: false }],css: ['swiper/css/swiper.css']修改nuxt-swiper-plugin.js如下：import Vue from 'vue'...

五维星空

4496人浏览 · 2020-04-07 10:19:55

五维星空 · 2020-04-07 10:19:55 发布

修改nuxt.config.js如下：

  plugins: [
     { src: '~/plugins/nuxt-swiper-plugin.js', ssr: false }
   ],
 
   css: [
     'swiper/css/swiper.css'
   ]

修改nuxt-swiper-plugin.js如下：

 import Vue from 'vue'
 import VueAwesomeSwiper from 'vue-awesome-swiper/dist/vue-awesome-swiper.js'
 
 Vue.use(VueAwesomeSwiper)

ps:看来不能太相信文档，，，终于解决了。。。。。。

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}$/, //不连续的两位字母// /^