Sorgen Sie dafür, dass EditorJS in Svelte(kit) SSR funktioniert

Hier ist eine verfeinerte Version Ihres Beitrags:

---

Wenn Sie hier sind, haben Sie wahrscheinlich Probleme mit der Verwendung von EditorJs in Sveltekit (wie ich). Da SSR in EditorJs nicht unterstützt wird (siehe Diskussion), können Fehler wie dieser auftreten:

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

So habe ich es gelöst:

1. Editor asynchron laden: Stellen Sie sicher, dass der Editor nur auf der Clientseite mit onMount geladen wird, um SSR-Komplikationen zu vermeiden.

2. Elementinitialisierung: Binden Sie Elemente ordnungsgemäß und führen Sie die Initialisierung mit onMount durch, um sicherzustellen, dass das Element nach der Komponenteneinrichtung verfügbar ist.

3. Achten Sie darauf, EditorJs korrekt zu importieren (da es sich um einen Standardexport handelt):

   • Standardimport:

    const { default: EditorJs } = ...
   

• Destrukturierender Import:
  

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

Hier ist die vollständige Lösung:

Viel Spaß beim Hacken! <script></script>

Das obige ist der detaillierte Inhalt vonSorgen Sie dafür, dass EditorJS in Svelte(kit) SSR funktioniert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!