共计 601 个字符,预计需要花费 2 分钟才能阅读完成。
首先说为什么会导致这个问题:因为现在 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):
次版本号 (Minor Version):
修订版本号 (Patch Version):
原文地址: 解决 Ant Design Vue 使用 Modal 对话框无法关闭的问题,本地可以关闭对话框但是打包后不能关闭对话框的问题。