關于ant design vue 使用Modal無法關閉彈窗的解決思路

文章目錄

  • 1: 出現問題的版本
  • 2.出現問題
    • (1)ant design 的問題
    • (2)poina的提示報錯
  • 3.正確版本
  • 總結


1: 出現問題的版本

"ant-design-vue": "^3.2.20",
"pinia": "^2.1.7",
"vue": "^3.3.9",

2.出現問題

Ant design vue 只支持vue3.2的版本。

(1)ant design 的問題

問題:ant design vue 使用Modal無法關閉彈窗
解決:將vue版本改為3.2.33
原因3.3版本需要使用ant-design4 版本

(2)poina的提示報錯

問題:將vue版本改為3.2.33后重新安排運行項目,提示報錯
pinia 2.1.7 和vue3.3.9沒問題
pinia 2.1.7 和vue 3.2.33 提示以下報錯

node_modules/.pnpm/pinia@2.1.7_typescript@5.5.2_vue@3.2.33/node_modules/pinia/dist/pinia.mjs:6:9:
6 │ import { hasInjectionContext, inject, toRaw, watch, unref, markRaw, effectScope, ref, isVue2, isRef, isReactive, set, getCurrentScope, onScopeDispose, getCurrentInstance…

解決:poina使用的是2.1.3版本,使用vue
解決: 將poina版本降級為2.0.36
原因:為什么是2.0.36版本???因為2.1.0版本需要的就是3.3的版本了
官網地址:https://github.com/vuejs/pinia/blob/v2/packages/pinia/CHANGELOG.md
在這里插入圖片描述

3.正確版本

"ant-design-vue": "^3.2.20",
"pinia": "^2.0.36","vue": "^3.2.33",

總結

在這里插入圖片描述

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/40077.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/40077.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/40077.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

人工智能工具在軟件開發中的作用與未來展望

隨著生成式人工智能(AIGC)的迅猛發展,軟件開發領域正經歷著深刻的變革。從代碼生成、錯誤檢測到自動化測試,AI工具正在逐漸成為開發者的重要助手。然而,這也引發了對開發者職業前景和技能需求變化的廣泛討論&#xff1…

好看的風景視頻素材在哪下載啊?下載風景視頻素材網站分享

隨著短視頻和自媒體的興起,美麗的風景視頻不僅能讓人眼前一亮,更能吸引大量觀眾。無論是旅游博主分享那些令人心曠神怡的旅行片段,還是視頻編輯師尋找背景素材來增強作品的視覺效果,高質量的風景視頻素材需求量巨大。以下是幾個下…

Radio專業術語筆記

在收音機的 RDS (Radio Data System) 功能中,CT 代表 “Clock Time”。RDS 是一種數字廣播標準,用于在調頻廣播中傳輸輔助數據,如電臺名稱、節目類型、交通信息等。CT 功能是其中的一部分,用于同步和顯示廣播電臺發送的當前時間。…

【干貨】SaaS企業使用PLG模式實現用戶自增長與留存的三大戰略

近年來越來越多toB廠商開始采用SaaS模式,消費者的體驗需求和購買行為也逐漸轉變。根據Forrester研究調查顯示,B端購買者現在越來越傾向于進行產品體驗和產品調研與評估,而非如傳統的方式那樣直接與銷售人員接觸。 因此,SaaS&…

.npy格式圖像如何進行深度學習模型訓練處理,親測可行

import torchimport torch.nn as nnimport torch.nn.functional as Fimport numpy as npfrom torch.utils.data import DataLoader, Datasetfrom torchvision import transformsfrom PIL import Imageimport json# 加載訓練集和測試集數據train_images np.load(../dataset/tra…

x86芯片定制,Ethercat芯片定制,適用于運動控制,工業總線等軟硬一體機

x86芯片定制,Ethercat芯片定制 X86平臺 我們的研發工程師已經積累了非常豐富的主板、整機設計經驗,對接您的產品規格場景需求,快速交付樣機,包含主板、BOX整機、平板電腦、CPCI等形態產品。降本、長生命周期、快速交付、及時響應…

鴻蒙開發設備管理:【@ohos.settings (設置數據項名稱)】

設置數據項名稱 說明: 本模塊首批接口從API version 8開始支持。后續版本如有新增內容,則采用上角標單獨標記該內容的起始版本。 本模塊提供設置數據項的訪問功能相關接口的說明及示例。 導入模塊 import settings from ohos.settings;settings.getUri…

訪問者模式在金融業務中的應用及其框架實現

引言 訪問者模式(Visitor Pattern)是一種行為設計模式,它允許你在不改變對象結構的前提下定義作用于這些對象的新操作。通過使用訪問者模式,可以將相關操作分離到訪問者中,從而提高系統的靈活性和可維護性。在金融業務…

數組理論基礎

1. **數組定義**: - 數組是存放在連續內存空間上的相同類型數據的集合。 2. **數組特性**: - 數組下標從0開始。 - 數組的內存空間地址是連續的。 3. **數組操作**: - 數組可以通過下標索引快速訪問元素。 - 數組元素的刪除…

修復 OpenSSH 爆出極其嚴重的安全漏洞!

最近幾天OpenSSH爆出了一個高危漏洞:CVE-2024-6387,影響到了很多的Linux服務器系統。明月第一時間給所有的代維客戶服務器進行了排查和漏洞修復,因此耽擱了一些時間。直到今天才算抽出空來給大家分享一下。嚴格上來說這個漏洞的危險性還是極高…

PR視頻剪輯(2)——節奏把控(導入、序列、素材出入點、標記點)

PR視頻剪輯(2)——視頻節奏(導入、項目窗口、序列、素材出入點、標記點) 一、新建項目、導入素材1.1 拖動導入1.2 雙擊導入1.3 右鍵導入1.4 窗口導入1.5 選擇文件導入1.6 快捷鍵導入(ctrl + i)1.7 文件夾導入(文件夾全是素材就可使用該方法)二、項目窗口(介紹項目窗口…

等保2.0 實施方案之信息軟件驗證要求

一、等保2.0背景及意義 隨著信息技術的快速發展和網絡安全威脅的不斷演變,網絡安全已成為國家安全、社會穩定和經濟發展的重要保障。等保2.0(即《信息安全技術 網絡安全等級保護基本要求》2.0版本)作為網絡安全等級保護制度的最新標準&#x…

CesiumJS【Basic】- #058 繪制網格填充多邊形(Entity方式)-使用shader

文章目錄 繪制網格填充多邊形(Entity方式)-使用shader1 目標2 代碼2.1 main.ts繪制網格填充多邊形(Entity方式)-使用shader 1 目標 使用Entity方式繪制繪制網格填充多邊形 - 使用shader 2 代碼 2.1 main.ts import * as Cesium from cesium;// 創建 Cesium Viewer 實例…

非NVIDIA聯盟——如UALink(超加速器鏈接)聯盟和UXL基金會等組織發起反擊

隨著NVIDIA可能面臨法國反壟斷監管機構的指控,非NVIDIA聯盟——如UALink(超加速器鏈接)聯盟和UXL基金會等組織——正據報道發起反擊,大幅增加在專用ASIC開發上的努力。 據《工商時報》報道,相關的半導體知識產權&…

在鴻蒙ArkTS中使用Three.js實現3D模型渲染

1.引言 鴻蒙操作系統作為華為自主研發的分布式操作系統,正在迅速發展并獲得越來越多開發者的關注。ArkTS作為鴻蒙原生開發語言,提供了強大的聲明式UI框架和豐富的系統能力。然而,在復雜的3D圖形渲染方面,ArkTS還缺乏原生的支持。 Three.js是一個流行的JavaScript 3D庫,它簡化…

Qt窗口陰影效果

qt中,一些彈窗我們期望有一個陰影的效果。我們可以在ui界面中,對整個窗口的邊緣預留10px,然后在構造函數中設置一下的代碼,當然還要設置透明屬性,然后即可實現。 // 創建陰影效果QGraphicsDropShadowEffect *shadowEf…

Linux 【線程池】【單例模式】【讀者寫者問題】

💓博主CSDN主頁:麻辣韭菜💓 ? ?專欄分類:Linux初窺門徑? ? 🚚代碼倉庫:Linux代碼練習🚚 ? 🌹關注我🫵帶你學習更多Linux知識 ? 🔝 目錄 🏳??🌈前言 …

ES6自定義模塊

在ES6中,我們可以使用 export 和 import 關鍵字來定義和使用自定義模塊。 定義模塊 導出(export) 命名導出(Named Exports): 使用 export 關鍵字來導出模塊中的變量、函數、類等。例如: // ma…

js 復制文本帶樣式

一鍵復制帶樣式的html文本到郵件 <div><div idcopy-content><div style{{ fontSize: 16px,fontWeight: 500, lineHeight: 24px, color: #222, marginBottom: 16px }}>邀請您參加騰訊會議網絡研討會&#xff08;Webinar)</div></div><Button …