NUXT Cannot resolve “swiper/dist/css/swiper.css“ （写谷粒学院碰到）

Posted 2021-09-03 小样5411

报错内容

这个错就是没找到这个文件，原因如下

官方说6.x版本里是没有dist这个文件夹的，所以引入要用swiper/swiper-bundle.css（后面会说在哪里引入），你可以自己找下自己用npm install命令在node_modules文件夹里下载完成的两个依赖swiper和vue-awesome-swiper

会发现自己默认给你下载的是6.8.1，这个6.x版本是没有dist文件夹的，所以当然找不到了，那肯定就会报这个Cannot resolve找不到的错误了，6.x这里用的是swiper-bundle.css

关键：所以你在nuxt.config.js中要把它改为swiper/swiper-bundle.css

同理也可以查看vue-awesome-swiper版本


nuxt-swiper-plugin.js如下

import Vue from 'vue'
import VueAwesomeSwiper from 'vue-awesome-swiper/dist/ssr'

Vue.use(VueAwesomeSwiper)

然后你再输入命令npm run dev就成功了