EditorJS가 Svelte(kit) SSR에서 작동하도록 만들기

다음은 귀하의 게시물을 개선한 버전입니다.

---

여기 계시다면 아마도 저처럼 Sveltekit에서 EditorJ를 사용하는 데 문제가 있으실 것입니다. SSR은 EditorJs에서 지원되지 않으므로(토론 참조) 다음과 같은 오류가 발생할 수 있습니다.

[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>

위 내용은 EditorJS가 Svelte(kit) SSR에서 작동하도록 만들기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!