解决Ant Design Vue使用Modal对话框无法关闭的问题，本地可以关闭对话框但是打包后不能关闭对话框的问题。

本文主要是介绍解决Ant Design Vue使用Modal对话框无法关闭的问题，本地可以关闭对话框但是打包后不能关闭对话框的问题。，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

首先说为什么会导致这个问题：因为现在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）：

当进行向后兼容的问题修复或者补丁更新时，增加修订版本号。

修订版本号的变化表示主要是进行了错误修复或者其他小的变化。