首先说为什么会导致这个问题:因为现在vue官方的最新版本是3.4.x,可能是vue最新版本的部分代码与Ant Design不兼容导致的。
解决:所以将vue版本固定在vue3.4以下,就可以了。
1.删除node_modules和package-lock.json(如果用的pnpm删除pnpm-lock)
2.固定vue版本:将package.json中 "vue": "^3.4.x" 改为 "vue": "~3.3.x"
解释一下package.json中 ^ 和 ~ 的区别:
"^" 符号表示允许安装指定版本及其后续的次要版本更新,但是不允许安装主要笨笨更新。举个例子," ^3.2.3 " 表示允许安装的版本范围为 3.x.x,但是不会安装4.x.x的版本。
"~" 符号表示允许安装指定版本及其后续的不定版本更新,但是不允许安装主要版本和次要版本的更新。举个例子 " ~3.2.3 " 表示允许安装的版本范围为 3.2.x,但是不允许安装3.3.x或者4.x.x。
还有一个知识点就是关于版本号的含义:
在软件版本号中,通常采用“主版本号.次版本号.修订版本号”的格式,其中每个数字代表了不同的含义:
主版本号(Major Version):
当进行重大改变、破坏性更新或者向后不兼容的改动时,增加主版本号。
主版本号的变化表示可能存在向后不兼容的 API 变化或者重大的功能更新。
次版本号(Minor Version):
当进行向后兼容的功能性新增或者改进时,增加次版本号。
次版本号的变化表示软件包具有新的功能,但是与之前的版本兼容。
修订版本号(Patch Version):
当进行向后兼容的问题修复或者补丁更新时,增加修订版本号。
修订版本号的变化表示主要是进行了错误修复或者其他小的变化。