Как динамически импортировать EditorJS в Vue 3?

Question

[Dmitry]

Добрый день. Проблема с SSR в Vue 3 и EditorJS, использую его в качестве редактора, все работает, но заметил что SSR показывает "window is not defined". Находил статьи о том, что в таком случае необходимо импортировать динамически, чтобы SSR не рендрил эту библиотеку на стороне сервера.

Пробовал методы на подобие:

<script setup>
const EditorJS = import('./editor').then(module => {
			return module.default
	    })
</script>

Но в консоле ошибка
EditorJS is not a constructor
при обращении к
let editor = new EditorJS()

Comments

[Alex_mos]

вот посмотри

[Aetae]

Ну так посмотри,, что тебе в module прилетает.
Тебе английским языком написали "EditorJS is not a constructor", т.е. module.default не конструктор. Мб тебе надо возвращать просто module, или module.EditorJS или ещё как.
Что у тебя вообще в ./editor?

Answer 1

[Vladimir Medvedev]

можно попробовать через определение того что процесс на клиенте

if (process.client) {
  import('editorjs').then(EditorJS => {
    // Здесь можно использовать EditorJS
    const editor = new EditorJS(/* настройки */);
  });
}