Jadikan EditorJS berfungsi dalam Svelte(kit) SSR

Berikut ialah versi halus siaran anda:

---

Jika anda berada di sini, anda mungkin menghadapi masalah menggunakan EditorJs dalam Sveltekit (seperti saya). Memandangkan SSR tidak disokong dalam EditorJs (lihat perbincangan), anda mungkin menghadapi ralat seperti ini:

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

Begini cara saya menyelesaikannya:

1. Muat Editor Secara Asynchronous: Pastikan editor memuatkan hanya pada sisi klien menggunakan onMount untuk mengelakkan komplikasi SSR.

2. Permulaan Elemen: Ikat elemen dengan betul dan kendalikan pemula menggunakan onMount untuk memastikan elemen tersedia selepas persediaan komponen.

3. Pastikan Mengimport EditorJ dengan Betul (kerana ia adalah eksport lalai):

   • Import Lalai:

    const { default: EditorJs } = ...
   

• Memusnahkan Import:
  

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

Inilah penyelesaian penuh:

Selamat Menggoda! <script></script>

Atas ialah kandungan terperinci Jadikan EditorJS berfungsi dalam Svelte(kit) SSR. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!