Svelte(kit) SSR で EditorJS を動作させる

あなたの投稿の洗練されたバージョンは次のとおりです:

---

ここにいるあなたは、おそらく Sveltekit で EditorJ を使用する際に問題を抱えているでしょう (私と同じように)。 SSR は EditorJ ではサポートされていないため (ディスカッションを参照)、次のようなエラーが発生する可能性があります:

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

これが私がそれを解決した方法です:

1. エディターを非同期でロードする: SSR の複雑さを回避するために、onMount を使用してエディターがクライアント側でのみロードされるようにします。

2. 要素の初期化: 要素を適切にバインドし、onMount を使用して初期化を処理して、コンポーネントのセットアップ後に要素が使用可能であることを確認します。

3. 必ず EditorJ を正しくインポートしてください (デフォルトのエクスポートであるため):

   • デフォルトのインポート:

    const { default: EditorJs } = ...
   

• インポートの構造化:
  

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

完全な解決策は次のとおりです:

ハッピーハッキング! <script></script>

以上がSvelte(kit) SSR で EditorJS を動作させるの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。