Faire fonctionner EditorJS dans Svelte (kit) SSR

Voici une version raffinée de votre message :

---

Si vous êtes ici, vous avez probablement rencontré des problèmes pour utiliser EditorJs dans Sveltekit (comme moi). Étant donné que SSR n'est pas pris en charge dans EditorJs (voir discussion), vous pourriez rencontrer des erreurs comme celle-ci :

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

Voici comment je l'ai résolu :

1. Charger l'éditeur de manière asynchrone : assurez-vous que l'éditeur se charge uniquement du côté client à l'aide de onMount pour éviter les complications SSR.

2. Initialisation des éléments : liez correctement les éléments et gérez l'initialisation à l'aide de onMount pour garantir que l'élément est disponible après la configuration du composant.

3. Assurez-vous d'importer correctement EditorJs (puisqu'il s'agit d'une exportation par défaut) :

   • Importation par défaut :

    const { default: EditorJs } = ...
   

• Import déstructurant :
  

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

Voici la solution complète :

Bon piratage ! <script></script>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!