在翻看之前的学习视频时，发现视频教学的是antd-mobile v2版本，但是现在最新的已经是v5版本，在官网文档中所说：v5 是完全重写的一个版本，所以 v2 和 v5 的差异非常之大，其实不存在所谓的"迁移"，基本是替换为一套全新的组件。 所以如果想使用v2版本的话，是必须在v5版本下迁移的， 在官网中也有提到两种方法，我使用的是第一种方法： 方法一：使用 antd-mobile-v2（推荐） 我们为 v2 发布了一个单独的影子 npm 包：antd-mobile-v2，你可以先将原来项目中 v2 版本的 antd-mobile 替换为这个包。

先安装 antd-mobile-v2：

$ npm install --save antd-mobile-v2 # or $ yarn add antd-mobile-v2

然后把项目中所有对 antd-mobile 的引入都替换为 antd-mobile-v2，例如：

import {Button} from 'antd-mobile' // ?? import {Button} from 'antd-mobile-v2'

接下来，移除原有的 antd-mobile 依赖，运行（测试、构建）你的项目，确认一下是否一切是正常的。

如果此时你发现 v2 的组件样式丢失了，那么可以在入口文件中手动引入一下样式文件：

import 'antd-mobile-v2/dist/antd-mobile.less'; // or 'antd-mobile-v2/dist/antd-mobile.css' // 注意 这里引用的文件后缀名，我使用的是css

最后，重新安装 antd-mobile 为 v5 版本：

$ npm install --save antd-mobile # or $ yarn add antd-mobile

现在，你项目中的 antd-mobile 是 v5 版本，antd-mobile-v2 是 v2 版本。 项目截图：

---

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。