【问题标题】:sveltekit and sweetalert2 modals rendered into the body (instead of popup)sveltekit 和 sweetalert2 模态渲染到正文中(而不是弹出窗口)
【发布时间】:2022-01-12 02:42:38
【问题描述】:
我经常将 sweetalert2 与 Svelte 一起使用,没有任何问题。但是现在尝试 Sveltekit 和 sweetalert2 触发的模态实际上不是按照预期的那样(作为弹出窗口)呈现,而是在 body 的末尾。
它可能与 sveltekit 如何使用 %svelte.body% 水合身体有关,但不知道如何配置 sveltekit config 或 sweetalert2 目标以使其工作。任何帮助表示赞赏!
【问题讨论】:
标签:
sweetalert2
sveltekit
【解决方案1】:
经过一番挖掘,我自己找到了解决方案。
似乎与常规 svelte 不同,sveltekit 需要正常工作的 sweetalert 才能导入 .scss 文件(即使您不打算使用它主要用于的主题)。
所以,添加到组件脚本
import 'sweetalert2/src/sweetalert2.scss'
确实解决了问题。