sweetalert2 - sveltekit 和 sweetalert2 模态渲染到正文中(而不是弹出窗口)

标签 sweetalert2 sveltekit

我经常使用 sweetalert2 和 Svelte,没有任何问题。但现在尝试由 sweetalert2 触发的 Sveltekit 和模态实际上不是按预期渲染(如弹出窗口),而是在正文末尾。 它可能与 sveltekit 如何使用 %svelte.body% 水合 body 有关,但不知道如何配置 sveltekit 配置或 sweetalert2 目标来完成这项工作。任何帮助表示赞赏!

最佳答案

经过一番挖掘,我自己找到了解决方案。

与常规 svelte 不同,sveltekit 似乎需要正确工作的 sweetalert 才能导入 .scss 文件(即使您不打算使用主题,而它的主要用途)。

所以,添加到组件脚本

导入'sweetalert2/src/sweetalert2.scss'

确实解决了问题。

关于sweetalert2 - sveltekit 和 sweetalert2 模态渲染到正文中(而不是弹出窗口),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70669400/

相关文章:

jquery - 将 Bootstrap DatetimePicker 与 Sweet Alert 2 结合使用 - 显示日历超过警报

javascript - 如何访问端点中的 sveltekit session ?

import - 由 "ENV_VAR_NAME"导入的 RollupError : "$env/static/private" is not exported by "src/hooks.server.js", 。 - SvelteKit

socket.io - Svelte/Sveltekit 和 socket.io-client 无法在开发中工作(在预览中工作)

javascript - sweetalert 2 中的输入不可输入或无法在 materializecss 模式中输入

javascript - 将类(class)添加到甜蜜警报

node.js - 如何在nodejs中使用sweetalert?

ethereum - slim 和 web3- ReferenceError : process is not defined

azure - SvelteKit 应用程序未在 Azure Web Static App 中上传