【swiper.css】报错 Package path ./dist/css/swiper.css is not exported from package

最新推荐文章于 2024-07-03 12:34:47 发布
最新推荐文章于 2024-07-03 12:34:47 发布
阅读量826 收藏
点赞数
文章标签： css 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qingyu134/article/details/130842369
版权
在项目中导入swiper包时遇到问题，最初使用`import/css/swiper.css;`未成功。专注于npm安装swiper后，代码仍然报错或页面不显示。后来发现需正确导入css路径，即`import../node_modules/swiper/dist/css/swiper.css;`，这样成功解决了swiper.css的导入问题。
摘要由CSDN通过智能技术生成

在导入swiper包时出现的问题

在做项目是遇到了这样的导入包语言

import "/css/swiper.css";

最开始没有在意这个css导入包出现的问题，只专注在npm install swiper上，在npm完这个swiper之后，代码还是在报错或者是运行成功不显示页面，最后就关注到这个css包的导入问题，我在node文件夹里找到这个swiper.css文件，然后重新导入它的路径
import "../node_modules/swiper/dist/css/swiper.css";最后成功导入swiper.css文件

qingyu134
关注
关于Cannot resolve “swiper/dist/css/swiper.css“ 或者Cannot define “swiper/dist/css/swiper.css问题的解决方法
qq_45800365的博客
01-11 529
关于Cannot resolve “swiper/dist/css/swiper.css“ 或者Cannot define “swiper/dist/css/swiper.css问题的解决方法
Package path ./dist/esm/parcel is not exported from package...
weixin_46166330的博客
03-08 523
Package path ./dist/esm/parcel is not exported from package
关于redux初学 出现Module not found: Error: Package path ./dist is not exported from package 问题
最新发布
qq_41304029的博客
07-03 325
改为import { createSlice } from “@reduxjs/toolkit”;
Package path ./lib/locale/lang/zh-cn is not exported from package E:\ytby\ytbyxm\odr_web\node_module
weixin_55201902的博客
08-08 4955
处理方式 main.ts中。安装某个命令以后报错。
swiper引入js和css：Module not found: Error: Package path ./swiper-bundle is not exported from package ..
YY的博客
01-03 3891
引入swiper的js和css文件
解决：Cannot resolve “swiper/dist/css/swiper.css“
weixin_48033662的博客
02-02 6087
解决：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”这个命令是默认安装最新版的。结果官方在更新的时候，对原本的文件架构做了一些调整。这就导
swiper.min.css
02-13
@4.5.3 swiper@4.5.3版本包的swiper.min.css，这里同样使用vue-awesome-swiper
swiper.css
05-24
swiper.css 层叠样式表 swiper.min.css
vue2 swiper7 ./swiper-bundle.min.css is not exported from package 箭头没有显示问题
LlanyW的专栏
12-22 1065
【代码】vue2 swiper7 ./swiper-bundle.min.css is not exported from package。
Vue Swiper导入swiper.css报错This dependency was not found:swiper/dist/css/swiper.css
热门推荐
weixin_46836035的博客
07-28 1万+
Vue Swiper导入swiper.css错误 Vue使用swiper下 To install it, you can run: npm install --save swiper/dist/css/swiper.css 使用npm下载了：npm install vue-awesome-swiper --save 转到“ node_modules”文件夹， 找到“ vue-awesome-swiper”， 选择“ dist” 文档中没有要求的css文件一直报错找不到此文件。 之前：官方推荐使用 impor
Cannot resolve “swiper/dist/css/swiper.css“
qq_45888242的博客
01-17 1589
Cannot resolve “swiper/dist/css/swiper.css“
使用swiper轮播图插件
做名安静的coder
04-06 306
1.安装插件 npm install swiper vue-awesome-swiper --save 2.全局注册 import Vue from 'vue' import VueAwesomeSwiper from 'vue-awesome-swiper' // import style import 'swiper/css/swiper.css' Vue.use(VueAwesomeS...
vue-awesome-swiper swiper/dist/css/swiper.css 报not found错误
风烟
04-09 9325
This dependency was not found: * swiper/dist/css/swiper.css in 本地拉取远程master代码，然后执行报这个错误，经查是本地vue-awesome-swiper版本不对，因为之前安装过，导致报错，应该是版本不一致导致 然后删除node_modules模块重新安装也不行，经发现是自己的package-lock.json文件没有删除，导...
Vue Swiper 找不到swiper.css 报错This dependency was not found:swiper/dist/css/swiper.css
qq_40137978的博客
01-27 1178
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' 完整
Vue引入swiper.css报错（已解决）
m0_52575541的博客
08-20 5395
Vue引入swiper.min.css报错 Module not found: Error: Package path ./swiper.min.css is not exported from package C:\Users\yoyang\Desktop\vue\test2022\node_modules\swiper (see exports field in C:\Users\yoyang\Desktop\vue\test2022\node_modules\swiper\package.json)
swiper插件报错 vue_vue引入swiper vue使用swiper vue脚手架使用swiper /引入js文件/引入css文件...
weixin_39847099的博客
12-22 938
vue引入swiper vue使用swiper vue脚手架使用swiper /引入js文件/引入css文件----------------------------------------------------------转载文章请注明出处！----------------------------------------------------------如果只是要使用轮播效果的话可以参考下...
vue3 使用 elementUi： ./lib/theme-chalk/index.css is not exported from package
m0_54355172的博客
10-22 3371
日常贴
import 'swiper/css/swiper.css'引入报错
07-23
2. 确认路径是否正确：请确保路径`swiper/css/swiper.css`与你的项目目录结构相匹配。如果你的项目目录与该路径不一致，需要根据实际情况调整路径。 3. 确保构建工具正确配置：如果你使用的是Vue CLI或其他构建工具...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值