本文主要是介绍解决：Cannot resolve vue-awesome-swiper/dist/ssr，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
解决：Can't resolve 'vue-awesome-swiper/dist/ssr
- 一·问题描述：
- （1）做《谷粒学苑》整合前端页面时，执行“npm run dev”命令时报这个异常
- （2）本人配置如下图：
- （3）在“node_modules/vue-awesome-swiper/dist/”目录下，根本就没有ssr.js文件。
- 二·问题原因：
- （1）直接原因：安装vue-awesome-swiper时执行的npm命令是：“npm install vue-awesome-swiper”这个命令是默认安装最新版的。结果官方在更新的时候，对原本的文件架构做了一些调整。这就导致我们出现了这个问题
- （2）根本原因：vue-awesome-swiper安装的版本与我们项目中的配置不适应
- 三·解决办法：本人采用的是降低版本方法，当然网上也存在使用新版本的修改配置文件的解决方法
- （1）先卸载当前vue-awesome-swiper插件：
- （2）更换vue-awesome-swiper版本：安装3.1.3版本（老师视频使用的版本）
- （3）保持原有配置不改变，再次启动项目：此时你才能看到vue-awesome-swiper目录结构发生改变，且报错消失
- （4）结果如下图所示：相应目录下面有ssr.js文件，报错也消失
- 四·友情链接：
- 解决：Cannot resolve “swiper/dist/css/swiper.css
一·问题描述：
（1）做《谷粒学苑》整合前端页面时，执行“npm run dev”命令时报这个异常
（2）本人配置如下图：
（3）在“node_modules/vue-awesome-swiper/dist/”目录下，根本就没有ssr.js文件。
二·问题原因：
（1）直接原因：安装vue-awesome-swiper时执行的npm命令是：“npm install vue-awesome-swiper”这个命令是默认安装最新版的。结果官方在更新的时候，对原本的文件架构做了一些调整。这就导致我们出现了这个问题
（2）根本原因：vue-awesome-swiper安装的版本与我们项目中的配置不适应
三·解决办法：本人采用的是降低版本方法，当然网上也存在使用新版本的修改配置文件的解决方法
（1）先卸载当前vue-awesome-swiper插件：
#卸载命令：npm uninstall vue-awesome-swiper
（2）更换vue-awesome-swiper版本：安装3.1.3版本（老师视频使用的版本）
#安装vue-awesome-swiper插件3.1.3版本命令：npm install vue-awesome-swiper@3.1.3 --save
（3）保持原有配置不改变，再次启动项目：此时你才能看到vue-awesome-swiper目录结构发生改变，且报错消失
#启动项目命令：npm run dev
（4）结果如下图所示：相应目录下面有ssr.js文件，报错也消失
四·友情链接：
解决：Cannot resolve “swiper/dist/css/swiper.css
https://blog.csdn.net/weixin_48033662/article/details/122770392
这篇关于解决：Cannot resolve vue-awesome-swiper/dist/ssr的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
