今天在写项目的时候用到了Swiper插件，执行了npm install swiper vue-awesome-swiper --save，并且也引入了，按照他的提示执行最后还是报错
将main.js 中 import 'swiper/css/swiper.css' 应该替换为 import 'swiper/swiper-bundle.css'
Github上面也有提到这个
Vue中引入swiper插件报错：To install it, you can run: npm install --save swiper/css/swiper.css
2023-12-01
537
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
Vue中引入swiper插件报错：To install it, you can run: npm install --save swiper/css/swiper.css
目录
相关文章
|
13天前
|
JavaScript
算法
前端开发
解决若依框架中 npm run dev 卡在 95% 的问题
本文深入探讨若依框架中 `npm run dev` 卡在 95% 的问题，分析其与 Node.js 17+ 内置 OpenSSL 3.0 加密策略变更的关系。提供临时（设置环境变量 `NODE_OPTIONS=--openssl-legacy-provider`）和永久（修改 `package.json` 脚本）解决方案，同时建议降级 Node.js 或更新依赖以根本解决兼容性问题。最后强调依赖管理与开发环境标准化的重要性，助力团队高效开发。
65
1
1
|
1月前
|
移动开发
JavaScript
前端开发
vue中npm打包遇到× eslint —fix found some errors. Please fix them and try committing again.husky > pre-commit hook failed (add —no-verify to bypass)报错解决方案-卓伊凡
vue中npm打包遇到× eslint —fix found some errors. Please fix them and try committing again.husky > pre-commit hook failed (add —no-verify to bypass)报错解决方案-卓伊凡
94
7
7
|
13天前
|
JavaScript
算法
前端开发
nodejs18版本 npm run dev失败
在使用若依框架运行 `npm run dev` 时，若卡在 95% 并报错，通常是 Node.js 17+ 与 Webpack 的兼容性问题。原因是 OpenSSL 3 的加密算法变化导致依赖冲突。解决方法：Windows 下运行 `set NODE_OPTIONS=--openssl-legacy-provider`，macOS/Linux 使用 `export NODE_OPTIONS=--openssl-legacy-provider`，然后重新启动开发服务即可。此设置让 Node.js 启用旧版加密支持，恢复正常构建流程。
79
0
0
|
2月前
|
人工智能
JavaScript
关系型数据库
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
129
14
14
|
4月前
|
JavaScript
node环境之Error: Cannot find module ‘chalk’ 报错无法解决的问题—-网上说让你npm install chalk 基本是没有用的-优雅草央千澈解决方案
node环境之Error: Cannot find module ‘chalk’ 报错无法解决的问题—-网上说让你npm install chalk 基本是没有用的-优雅草央千澈解决方案
371
13
13
|
4月前
|
JavaScript
算法
前端开发
为什么npm run serve正常，npm run build就报错：digital envelope routines::unsupported
通过本文的分析，我们详细介绍了 `npm run serve`正常但 `npm run build`时报错：`digital envelope routines::unsupported`的原因及解决方案。主要从检查Node.js版本、更新依赖、检查依赖库、配置文件及环境变量等方面进行了深入探讨。希望本文能帮助开发者解决这一问题，确保项目顺利构建和部署。
420
6
6
|
6月前
|
缓存
JavaScript
前端开发
拿下奇怪的前端报错（三）：npm install卡住了一个钟- 从原理搞定安装的全链路问题
本文详细分析了 `npm install` 过程中可能出现的卡顿问题及解决方法，包括网络问题、Node.js 版本不兼容、缓存问题、权限问题、包冲突、过时的 npm 版本、系统资源不足和脚本问题等，并提供了相应的解决策略。同时，还介绍了开启全部日志、使用替代工具和使用 Docker 提供 Node 环境等其他处理方法。
4568
1
2
|
6月前
|
JavaScript
前端开发
API
vue3中常用插件的使用方法：按需引入自定义组件，自动导入依赖包，自动生成路由，自动生成模拟数据
vue3中常用插件的使用方法：按需引入自定义组件，自动导入依赖包，自动生成路由，自动生成模拟数据
1386
0
1
|
6月前
|
JavaScript
|
6月前
|
存储
JSON
JavaScript
Vue.js开发中基于localStorage与sessionStorage的本地存储利器：Vue-ls插件使用详解
Vue.js开发中基于localStorage与sessionStorage的本地存储利器：Vue-ls插件使用详解
260
0
0