Ant Design Vue - 适配 Vue2.x 版本的安装与环境搭建（默认 npm 安装的是适用

前言

目前使用npm i --save ant-design-vue命令安装的 Ant Design vue 版本为最新版本，适用于 Vue3.x 项目。如果我们要使用 Vue2.x 来开发项目时，就必须安装指定 Ant Design vue 的版本号，否则会报错。

如果您是 Vue2.x 环境下，执行npm i --save ant-design-vue配置好以后，

会收到如下报错信息（控制台会报错object(...)），如下图所示。

解决方案

注意：如果您已经安装了，请先通过npm uninstall进行卸载Ant Design vue。

通过@指定版本号即可，执行如下命令：

npm i ant-design-vue@1.7.8

然后进行如下正常配置：

import Antd from 'ant-design-vue';import 'ant-design-vue/dist/antd.css';Vue.use(Antd);

如下图所示：

写在后面

您可以打开项目根目录package.json，查看一下它们的版本：

Vue2 需要与 1.x 的 Ant design vue 版本进行对应。

Ant Design Vue - 适配 Vue2.x 版本的安装与环境搭建（默认 npm 安装的是适用于 Vue3.x 的版本）解决 Vue2.x 与最新 Ant Design vue 版本不符的问题