ant-design-vue icon indicating copy to clipboard operation
ant-design-vue copied to clipboard

Published 20 hours ago • verified publisher icon vueComponent

Modal的静态方法打开弹窗无法关闭，之前几周使用时正常，新项目重新安装后，出现该问题

Open StarBridgeYoung opened this issue 1 year ago • 28 comments
trafficstars

  • [ ] I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.2.20

Environment

Vue3

Reproduction link

https://3x.antdv.com/components/modal-cn#API

Steps to reproduce

使用Modal的静态方法调用弹窗，例如Modal.confirm()，无法关闭

What is expected?

正常关闭

What is actually happening?

弹窗无法关闭

StarBridgeYoung avatar Jan 09 '24 06:01 StarBridgeYoung

兄弟，我也一样

Cyan-963852 avatar Jan 09 '24 13:01 Cyan-963852

已经解决了，依赖包版本调整的原因，可以把之前版本的依赖包的版本覆盖现在的版本即可

StarBridgeYoung avatar Jan 09 '24 13:01 StarBridgeYoung

PS: it happened in vue3.4

gaokun avatar Jan 10 '24 02:01 gaokun

https://github.com/vueComponent/ant-design-vue/pull/7252

aibayanyu20 avatar Jan 10 '24 03:01 aibayanyu20

到底怎么搞啊，打包后就一直关闭不了

将vue的版本锁死在vue3.3.x

aibayanyu20 avatar Jan 10 '24 06:01 aibayanyu20

鉴于大家都有这个问题，我把我的解决方案提供下。具体的文件放在https://gitee.com/yxq920925/antd-vue3.-x-fix

作者没有锁死依赖包版本导致的问题，由于依赖包无限嵌套，我没办法排除具体是哪个依赖的包问题，于是我把之前运行正常的项目的yarn.lock文件复制到当前项目，重新yarn install，问题得到解决。

具体步骤：

1.把当前项目的node-modules、yarn.lcok删除

2.yarn install

3.将本仓库的yarn.lock替换当前项目

4.再次yarn install

5.不用担心我的lock会影响到你的项目，yarn会自动更新不匹配的部分

StarBridgeYoung avatar Jan 10 '24 07:01 StarBridgeYoung

我遇到的情况是因为添加了两个依赖， "vue-json-pretty": "^2.3.0", "codemirror": "^5.65.3", 添加这两个依赖后启动服务报错，于是删除yarn.lock重装依赖，后能启动服务但就无法关闭Modal.confirm，也许是重装后默认安装了3.4+版本的vue导致的，回退环境就可以解决了

环境配置 "vue": "^3.2.40", "ant-design-vue": "3.2.0",

SJeagery avatar Jan 11 '24 03:01 SJeagery

看下node_modules里面vue版本是不是3.4.x，如果是就装回3.3.x就行了

XSasami avatar Jan 12 '24 07:01 XSasami

有效3.4不兼容3.2.20版本，需要把vue限制在3.4以下

AKclown avatar Jan 16 '24 01:01 AKclown

@tangjinzhou 重新安装依赖之后，modal.confirm就关闭不掉了

travel-cloud-wonderland avatar Jan 17 '24 08:01 travel-cloud-wonderland

@tangjinzhou 重新安装依赖之后，modal.confirm就关闭不掉了

你要锁定你的本地的vue版本在3.4以下就可以解决这个问题

AKclown avatar Jan 17 '24 08:01 AKclown

感谢，降了版本之后好了

travel-cloud-wonderland avatar Jan 17 '24 09:01 travel-cloud-wonderland

降版本后有没有遇到在执行 yarn type-check 的时候报出很多错误? 原本没有的错误?

kunjiang avatar Jan 19 '24 10:01 kunjiang

我也想问，什么时候能支持 3.4 ，锁死3.3.x 后，3.4以后的新特性就没法使用了

jack-7788 avatar Jan 29 '24 02:01 jack-7788

我也想问，什么时候能支持 3.4 ，锁死3.3.x 后，3.4以后的新特性就没法使用了

4天前已经已支持了, 更新最新的antdv就可以了.

LukerSpringtree avatar Jan 29 '24 03:01 LukerSpringtree

我也想问，什么时候能支持 3.4 ，锁死3.3.x 后，3.4以后的新特性就没法使用了

4天前已经已支持了, 更新最新的antdv就可以了.

可是现在最新的3版本的antdv 还是3.3.20呀 ，并没有升级版本

jack-7788 avatar Jan 29 '24 04:01 jack-7788

vue：3.2.33， ant-design-vue：3.2.0，但是还是关不掉，你们是怎么解决的？

yizhigee avatar Feb 01 '24 13:02 yizhigee

vue：3.2.33， ant-design-vue：3.2.0，但是还是关不掉，你们是怎么解决的？

试试 vue: 3.2.41 ant-design-vue: 3.2.16 vite: 3.2.3

ShiJinlong1997 avatar Mar 15 '24 08:03 ShiJinlong1997

vue ^3.4.14 和ant-design-vue 4.x Modal.confirm无法关闭

xingxing0804 avatar Mar 22 '24 07:03 xingxing0804

"vue": "^3.3.6", "ant-design-vue": "^3.2.15", Modal.confirm无法关闭

AndrewWang0318 avatar Apr 29 '24 08:04 AndrewWang0318

Reference i

也不行，我用同时的node_modules就可以，然后他删了重新装也不行

mouxangithub avatar Jun 05 '24 06:06 mouxangithub

Reference i

也不行，我用同时的node_modules就可以，然后他删了重新装也不行

请锁定版本号再重新装

jack-7788 avatar Jun 05 '24 07:06 jack-7788

"ant-design-vue": "^3.2.20", "vue": "^3.3.4", 实测没问题

komorebi-cqd avatar Jun 20 '24 07:06 komorebi-cqd

mark , vue 3.4.31 ant-design-vue 3.3.0-beta.4

cumt-robin avatar Jul 15 '24 01:07 cumt-robin