使用Ant Design Vue UI组件库的链接:
问题描述
在做vue的项目时想全局导入,但是安装失败(使用的是官网的安装命令)

npm install ant-design-vue --save

在这里插入图片描述
原因分析:
后来当创建vue3项目时才能使用官网的命令安装,发现是版本不兼容的问题,官网的安装指令只适用于vue3,而在创建选择vue的时候选择的是vue2.x,并不兼容最新版本的ant-desing-vue

解决方案:
1、安装必须要有环境

 npm install -g @vue/cli

2、安装指定版本的ant-design-vue UI框架(当项目为vue2项目时)

npm i --save ant-design-vue@1.7.2

Vue2的引入

import Vue from 'vue';
import { DatePicker } from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css'; // or 'ant-design-vue/dist/antd.less'
 
Vue.use(DatePicker);

Vue3引入

import { DatePicker } from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css'; // or 'ant-design-vue/dist/antd.less'
 
app.use(DatePicker);
Logo

前往低代码交流专区

更多推荐