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

7,699次阅读
没有评论

共计 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

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

解释一下 package.json 中 ^ 和 ~ 的区别:

“^” 符号表示允许安装指定版本及其后续的次要版本更新,但是不允许安装主要笨笨更新。举个例子,” ^3.2.3 ” 表示允许安装的版本范围为 3.x.x,但是不会安装 4.x.x 的版本。

“~” 符号表示允许安装指定版本及其后续的不定版本更新,但是不允许安装主要版本和次要版本的更新。举个例子 ” ~3.2.3 ” 表示允许安装的版本范围为 3.2.x,但是不允许安装 3.3.x 或者 4.x.x。

还有一个知识点就是关于版本号的含义:

在软件版本号中,通常采用“主版本号. 次版本号. 修订版本号”的格式,其中每个数字代表了不同的含义:

  1. 主版本号 (Major Version):

  2. 次版本号 (Minor Version):

  3. 修订版本号 (Patch Version):

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

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-09-26发表,共计601字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)