Cannot resolve “swiper/dist/css/swiper.css“

最新推荐文章于 2023-01-11 22:43:04 发布
最新推荐文章于 2023-01-11 22:43:04 发布
阅读量841 收藏
点赞数 1
分类专栏： 菜鸟掉坑记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_53041144/article/details/115449904
版权

Cannot resolve "swiper/dist/css/swiper.css"报这个错

这个错误的主要原因是

使用 swiper 版本有官方有细微的调整

导致这个问题

具体的原因可以看https://blog.csdn.net/qq_45738810/article/details/115131685?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-0&spm=1001.2101.3001.4242

这位老哥写的非常好！！！

但是我的问题还是没有解决

最后终极大招：

开始用 npm install vue-awesome-swiper --save 指令 就报错

引用后各种报错，最终 使用以下指令才正常使用

npm install swiper swiper@3.4.2 --save-dev

江～仔
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信相关的api、组件、css3研究：自定义swiper、input状态、二维码生成
12-27
微信相关的api、组件、css3研究：自定义swiper、input状态、二维码生成，getLocation，微信小程序与地图定位等等，都是比较粗糙的代码，但是有很多相关的资料链接
【NUXT】 Cannot resolve “swiper/dist/css/swiper.css“ （写谷粒学院碰到）
小样yx的博客
08-08 557
报错内容 这个错就是没找到这个文件，原因如下 官方说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这里用的是swip
解决：Cannot resolve “swiper/dist/css/swiper.css“
weixin_48033662的博客
02-02 5643
解决：Cannot resolve "swiper/dist/css/swiper.css"一·问题描述：（1）做《谷粒学苑》整合前端页面时，执行“npm run dev”命令时报这个异常（2）初始配置如下图：（3）在“node_modules/swiper/”目录下，根本就没有css/swiper.css这个文件。二·问题原因：（1）直接原因：安装swiper时执行的npm命令是：“npm install swiper”这个命令是默认安装最新版的。结果官方在更新的时候，对原本的文件架构做了一些调整。这就导
关于Cannot resolve “swiper/dist/css/swiper.css“ 或者Cannot define “swiper/dist/css/swiper.css问题的解决方法
qq_45800365的博客
01-11 452
关于Cannot resolve “swiper/dist/css/swiper.css“ 或者Cannot define “swiper/dist/css/swiper.css问题的解决方法
解决React在安装antd之后出现的Can't resolve './locale'问题(推荐)
10-15
主要介绍了解决React在安装antd之后出现的Can't resolve './locale'问题,本文给大家分享解决方案，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
解决Unable to access 'https://gitee.com/自己的项目/': Could not resolve host: gitee.com问题
10-14
主要介绍了解决Unable to access 'https://gitee.com/自己的项目/': Could not resolve host: gitee.com问题,需要的朋友可以参考下
解决React在安装antd之后出现的Can’t resolve ‘./locale’问题
01-06
React在安装antd之后出现的Can’t resolve ‘./locale’问题，是因为moment在2.2之后的版本都有问题，而react默认使用了最新的moment，但是在[email protected]中是没有问题的。 解决方案就是配置webpack的alias,将所有...
jar.zip解决The import javax.crypto cannot be resolved
04-18
jce.jar/jsse.jar解决The import javax.crypto cannot be resolved的问题
前端显示403的错误
weixin_53041144的博客
03-25 7793
前端显示403错误 前端一般出现403的错误主要是由于这两个原因产生的 **跨域问题 路由的路径出现问题 所以主要就是这两个问题，跨域和路由路径写错！！
Exception in thread “main“ com.alibaba.excel.exception.ExcelGenerateException: Can not found file.
weixin_53041144的博客
03-15 7744
问题：Exception in thread “main” com.alibaba.excel.exception.ExcelGenerateException: Can not found file. 问题原因：找不到文件，是因为C盘不能随便写入文件 解决方案：换成C盘除外的其他盘
ERROR Nacos failed to start, please see
weixin_53041144的博客
04-05 7452
nacos无法启动 startup.cmd -m standalone 这样就能启动 那为什么nacos在window中集群模式启动不了，只能单机启动 原因： 直接双击startup.cmd（这里默认是以集群模式）来启动nacos，集群模式就是将数据放在本地数据库，你以后通过nacos界面操作，都会将数据存到你本地的mysql数据库里面，启动后发现报错了，报错如下: 解决办法：https://blog.csdn.net/weixin_48040732/article/details/109492067
org.springframework.http.converter.HttpMessageNotReadableException: JSON parse error: Unexpected cha
weixin_53041144的博客
04-17 4238
问题：前端 输入数据错误 解决办法：1、get提交和post提交需要明确
_api_index__WEBPACK_IMPORTED_MODULE_1__.default.getIndexDate(...).the is not a function
weixin_53041144的博客
04-11 3848
api_index__WEBPACK_IMPORTED_MODULE_1_.default.getIndexDate(…).the is not a function 遇到这个问题 主要的问题是自己在这个地方把.then写成了.the
nginx: [emerg] CreateFile() “F:\编程\项目资料\nginx-1.12.2/conf/nginx.conf“ failed (1113: No mapping for t
weixin_53041144的博客
03-11 1531
安装nginx报错 在安装nginx的过程中，出现了这样的一个问题：nginx: [emerg] CreateFile() “F:\编程\项目资料\nginx-1.12.2/conf/nginx.conf” failed (1113: No mapping for t 答案： 安装的目录中出现了中文，所以换一个没有中文路径的文件安装就可以了 ...
nginx: [emerg] “server“ directive is not allowed here in C:\Program Files\nginx-1.12.2/conf/nginx.co
weixin_53041144的博客
03-12 1453
问题：nginx: [emerg] “server” directive is not allowed here in C:\Program Files\nginx-1.12.2/conf/nginx.conf:47 解决方案：server{}里的内容写到http外面了，所以导致了这个问题
阿里云视频点播一直在上传中
weixin_53041144的博客
04-04 1142
错误展示： 问题解决： 所有上传视频文件所用到的依赖版本号都按照官方版本配置，包括使用到的oss的依赖包等等，注意是所有上传视频文件用到的依赖版本，不是某一个
解决 This dependency was not found: * swiper/swiper-bundle.css in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/home/components/sowing/Sowing.vue?vue&type=script&lang=js& To install it, you can run: npm install --save swiper/swiper-bundle.css
最新发布
05-25
这个错误提示是在你的 Vue 组件中引入了 swiper 的 css ... 'swiper-css$': 'swiper/dist/css/swiper.css' } } ``` 然后在你的 Vue 组件中引入 swiper 的 css 文件： ```javascript import 'swiper-css'; ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值