vue集成ant-design-vue
创始人
2024-04-19 18:26:50
0

因为需要集成ant-design-vue,所以我在老的vue项目上进行集成,这不集成不要紧,一集成项目都起不来,下面进行下梳理

1遇到问题:
BrowserslistError: Unknown browser query dead

查资料得到;
1.删除package.json文件里 browserslist配置
2.修改browserslist配置内容(删去not dead)

"browserslist": ["last 2 versions","android 4","opera 12"
]

3.重新配置新的.browserslistrc,从package.json中剥离出来(抛出异常BrowserslistError: Unknown browser query {`` )

试了三面种,全部都挂了,项目跑不起来,那换个方向,因为报错都是从ant-design-vue/dist/antd.css这里抛出,那再加载个css-loader试试,但是还是不行,这就让我比较难受了

那挂老项目不行,于是我自己新建一个项目
第一步:

$ npm install -g @vue/cli
# OR
$ yarn global add @vue/cli

第二步:

$ vue create antd-demo

第三步:

$ npm i --save ant-design-vue

最后,然后main.js引入:

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

到这里都很顺利,看来要成功了呀,尝试跑了一下,能跑起来,但是界面报错:

TypeError: this.getOptions is not a function

到这里,我就大致知道了,大概率是 版本不兼容 的问题了

于是,在新项目上降低ant-design-vue版本:
先卸载npm uninstall ant-design-vue,然后npm i --save ant-design-vue@1.7.2
然后跑了一下,OK,成了!

原来官网的右上角有说明不同的版本
在这里插入图片描述官网的安装指令只适用于vue3,而在创建选择vue的时候选择的是vue2.x,并不兼容最新版本的ant-desing-vue,vue2对应1.7.X系列

之前使用的都是elementUI,从个人角度来说elementUI更顺手一些,文档也更清晰一些,毕竟先入为主嘛!那这次就试试ant-design-vue看看

相关内容

热门资讯

监控摄像头接入GB28181平... 流程简介将监控摄像头的视频在网站和APP中直播,要解决的几个问题是:1&...
Windows10添加群晖磁盘... 在使用群晖NAS时,我们需要通过本地映射的方式把NAS映射成本地的一块磁盘使用。 通过...
protocol buffer... 目录 目录 什么是protocol buffer 1.protobuf 1.1安装  1.2使用...
在Word、WPS中插入AxM... 引言 我最近需要写一些文章,在排版时发现AxMath插入的公式竟然会导致行间距异常&#...
【PdgCntEditor】解... 一、问题背景 大部分的图书对应的PDF,目录中的页码并非PDF中直接索引的页码...
Fluent中创建监测点 1 概述某些仿真问题,需要创建监测点,用于获取空间定点的数据࿰...
educoder数据结构与算法...                                                   ...
MySQL下载和安装(Wind... 前言:刚换了一台电脑,里面所有东西都需要重新配置,习惯了所...
MFC文件操作  MFC提供了一个文件操作的基类CFile,这个类提供了一个没有缓存的二进制格式的磁盘...
有效的括号 一、题目 给定一个只包括 '(',')','{','}'...