让 EditorJS 在 Svelte(kit) SSR 中工作

这是您帖子的精炼版本：

---

如果您在这里，您可能在使用 Sveltekit 中的 EditorJs 时遇到了问题（就像我一样）。由于 EditorJs 不支持 SSR（请参阅讨论），因此您可能会遇到如下错误：

[vite] Error when evaluating SSR module /src/routes/+page.svelte: failed to import "@editorjs/editorjs"
|- ReferenceError: Element is not defined

这是我解决的方法：

1. 异步加载编辑器：使用 onMount 确保编辑器仅在客户端加载，以避免 SSR 复杂化。

2. 元素初始化：正确绑定元素并使用 onMount 处理初始化，以确保元素在组件设置后可用。

3. 一定要正确导入EditorJs（因为它是默认导出）:

   • 默认导入：

    const { default: EditorJs } = ...
   

• 解构导入：
  

   const Editor = ...
  const EditorJs = Editor.default
  

这是完整的解决方案：

黑客快乐！ <script></script>

以上是让 EditorJS 在 Svelte(kit) SSR 中工作的详细内容。更多信息请关注PHP中文网其他相关文章！