讓 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中文網其他相關文章！