1. 問題点
vue3 環境では、モーダル ダイアログ プラグインの ant-design 3.2.20 バージョンを使用すると、confirm()エラーを報告するための確認ボックスがすぐに表示され、ローカル デバッグは正常に行われ、パッケージ化後にエラーが報告されます。ヴァイトです。
2、その理由
導入方法については以下が公式ドキュメントの紹介です。
ドキュメントのこの部分を少し誤解しました。message例のコンポーネントの導入には確かに問題はありませんでしたが、modalコンポーネントをパッケージ化して起動した後にエラーが報告されました。何度かドキュメントを確認したところ、紹介は普通でした。結局考えてみると、やはり紹介の仕方に問題があり、本を信じるよりは本がない方が良いのではないかと感じました。そこで導入方法を変更し、無事問題解決に成功しました。
3、解決策
インポート方法を変更します。
<script setup lang='ts'>
import Modal from 'ant-design-vue/lib/modal'
</script>
main.ts
import 'ant-design-vue/es/modal/style/css'
追記
最後に資料を確認してみると、Ant Design of Vue メニューの下にこんな文章を見つけました。
手動インポート
import DatePicker from 'ant-design-vue/lib/date-picker'; // JS をロード
import 'ant-design-vue/lib/date-picker/style/css'; // CSS をロード
終わり