vue引入vant版本兼容问题

最新推荐文章于 2024-06-11 07:46:46 发布

莫同学。

最新推荐文章于 2024-06-11 07:46:46 发布

阅读量2.3k

点赞数 3

文章标签： vue.js npm 前端

本文链接：https://blog.csdn.net/weixin_43561427/article/details/124698884

版权

本文介绍如何在遇到Vue 3.x安装vant时的问题时，通过将vant版本降为2.12.2来解决。步骤包括卸载旧版并重新安装特定版本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

正常vue.3.x按照官网进入到工程目录下执行npm i vant -S，若是vue2则可能报错

需要降低vant版本，亲测降为2.12.2可以解决

先npm uninstall vant卸载，再npm install --save vant@2.12.2则可

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

莫同学。

关注关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vant-ui安装和使用(Vue2.0)

ouyangyiming的博客

08-11

1026

vant-ui

vue2.7.14 + vant + vue cli脚手架转vite启动运行问题记录

weixin_44846945的博客

11-13

1391

vue cli 脚手架转成vite启动简单说说这个项目的一些底层基本结构哈，以及写这篇博客的目的。这个项目底层结构是vue2.7.14 + vant ，使用vue cli脚手架搭建的一个H5项目，由于内容比较多，并没有使用vue3重构，但是由于内容过多，渐渐的启动特别耗时，所以计划该用vite去优化启动项。写这篇博客，是记录本人在这个转换过程中遇到的一些问题。在实际的过程中我用了两种方案，第一种利用插件webpack-to-vite。第二种是自己搭建vite。

参与评论您还未登录，请先登录后发表或查看评论

Vant@2.11.2版本下载

12-11

Vant@2.11.2版本下载 Vant 是**有赞前端团队**开源的移动端组件库，于 2017 年开源，已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务，对外服务十多万开发者，是业界主流的移动端组件库之一

【前端】vant组件移动端兼容性问题汇总

网页设计作业、webgis作业承接

12-21

5858

记录使用vant组件开发过程中遇到的兼容性问题

移动端vue适配解决方案,（兼容vant）

zjjcchina的博客

10-18

1194

移动端vue 的项目适配一直是个问题,这里记录下实现推荐用postcss-px-to-viewport 插件去处理,转换成vw 单位 postcss-px-to-viewport是一款非常好用的插件，它将px转换成视口单位vw，大家都知道，vw本质上还是一种百分比单位，100vw即等于100%，即window.innerWidth 获取 <meta name="viewport" content="width=device-width,initial-scale=1.0.

移动端开发兼容性问题记录（H5、vue、vant）

老程的博客

09-13

1495

移动端开发兼容性问题记录（H5、vue、vant）: new Date() 、安卓键盘弹起压缩页面高度、sort排序结果不一致……

解决vue使用vant下拉框van-dropdown-item 绑定title值不变问题

11-19

首先，确保正确安装并引入Vant组件库。通过运行`npm install vant --save`命令来安装最新版本，比如2.6.0。在`main.js`文件中全局引用Vant，代码如下： ```javascript import Vant from 'vant'; import 'vant/lib/...

vue+vant使用图片预览功能ImagePreview的问题解决

10-15

在Vue.js框架下，结合Vant UI库进行开发时，我们可能会遇到使用`ImagePreview`组件进行图片预览时遇到的一些问题。`ImagePreview`是Vant提供的一种轻量级的图片预览解决方案，它能够方便地展示一组图片，并且支持...

vue 3vant3全局引入

最新发布

03-21

好的，我现在要帮用户解决在Vue 3项目中全局引入Vant 3组件库的问题。首先，我需要回忆一下Vant的文档和相关配置步骤。用户提到的是Vue 3和Vant 3，所以版本对应应该没问题。首先，安装Vant。通常使用npm或yarn...

【VUE】vant-ui 浏览器适配 rem viewPort

悟空—

03-30

1042

vant浏览器适配vant-ui vant组件及设置的px 自动转化为自适应单位行内样式不生效 Viewport 布局 Vant 默认使用px作为样式单位，如果需要使用viewport单位 (vw, vh, vmin, vmax)，推荐使用postcss-px-to-viewport进行转换。npm installpostcss-px-to-viewport postcss-px-to-viewport是一款 PostCSS 插件，用于将 px 单位转化为 vw/vh 单...

Vant 研发中常见问题

qq_34147019的博客

10-13

430

如果你在使用Vant时遇到了特定的问题，建议查阅Vant的官方文档、GitHub仓库和社区资源，以获取更多的支持和解决方案。此外，参与Vant社区，向其他开发者请教和分享经验也是解决问题的好途径。Vant（轻量、可靠的移动端 Vue 组件库）是一个流行的Vue.js移动端UI组件库，用户可能在使用Vant过程中会遇到一些常见问题。

Vue中如何使用vant（Vue2的版本）

ds990128的博客

04-25

7805

Vant 是一个轻量、可靠的移动端组件库，于 2017 年开源。目前 Vant 官方提供了Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护React 版本和支付宝小程序版本。在项目中安装vant // # Vue 3 项目，安装最新版 Vant： cnpm i vant -S // # Vue 2 项目，安装 Vant 2： cnpm i vant@latest-v2 -S 安装完成之后还要引入组件,先安装插件 //# 安装插件 cnpm i babel-plug..

vue2项目引错vant版本报错解决

cy1502的博客

04-19

4629

vue2项目误执行npm i vant@next -S 项目报错不能启动解决： 1、卸载该版本vant 2、安装适用vue2项目的vant版本,实测有两个版本 2.12.2、2.10.12 重新运行 npm run serve/ npm run dev项目启动成功。

vant官网-vant ui 首页-移动端Vue组件库

热门推荐

超人不会飞

07-16

5万+

Vant 是有赞前端团队开源的移动端vue组件库，适用于手机端h5页面。鉴于百度搜索不到vant官方网址，分享一下vant组件库官网地址，方便新手使用 vant官网地址https://vant-contrib.gitee.io/vant/#/zh-CN/ 通过 npm 安装在现有项目中使用 Vant 时，可以通过npm或yarn进行安装： # Vue 2 项目，安装 Vant 2： npm i vant -S # Vue 3 项目，安装 Vant 3： npm i vant@ne...

【Vue】vant组件库及Vue周边的其他组件库

qq_39921135的博客

06-11

358

组件库：第三方封装好了很多很多的组件，整合到一起就是一个组件库。比如日历组件、键盘组件、打分组件、下拉筛选组件等。(滴滴)，但是后面两个更新效率没有vant高。vant3，4对应的是vue3。vant2对应的是vue2。常用的就是以下两个版本。

vue项目引入vant后不生效问题的解决办法

sharleen84的博客

08-13

6159

之前创建项目时，直接使用vue add vant的方式引入，很方便，一键完成安装、引入、配置及使用。但是存在一个问题，就是版本较低，vue官方好像很久没有更新这个vant了。所以决定手动安装引入配置。其次是引入 vant.js import 然后 Vue.use 在main.js中引入。其实也可以用vue add vant的方式一键部署后，再通过更换版本来完成版本更新的。以为这样就完了，结果就是样式不生效。原因就是缺少样式文件的引入。安装后，再启动，就成功了！会自动更换相关的连接。...

vant2组件使用坑点

大圣归来圣骑士清欢的博客

03-29

530

Vant2 Dialog报错

vue3使用vant组件库所用到的降级命令

weixin_51997912的博客

05-31

1119

创建项目 vue create yxsc_project 安装vant 组件库第一步安装命令 npm install vant@next --save (因为使用的是vue3.x 所以要安装vant的针对vue3的版本 vant@next) 第二部 vant的进阶使用通过 npm install postcss postcss-pxtorem --save-dev (用来将px尺寸转化为rem尺寸) 配置rem的根元素字体大小安装lib-flexiable 安装命令 npm i amfe-flexi

vant4退回vant3

weixin_57369490的博客

07-04

640

安装完成后你会发现vant/es下多了datetime-picker组件。