@quiqqe

Ошибка Cannot use import statement outside a module, как исправить?

Предисловие: опыта с node.js не имею, знание js - на уровне основ.
Проект использует Laravel.
Через npm был установлен EditorJs.

В public/js/editor.js подключается модуль import EditorJS from "@editorjs/editorjs";
Возникает вышеуказанная ошибка. Предпринято:
  • в теге script устанавливалось type="module"
  • в package.json в корневом каталоге устанавливалось "type": "module"
  • путь менялся на относительный ../../node_modules/@editorjs/editorjs
  • импорт изменялся на require, однако код исполняется на клиентской части, браузер require не воспринимает

Ни один из методов не привел к решению проблемы. В гугле были в основном решения выше.
Единственным вариантом остаётся просто использовать cdn. Однако хочется докопаться до сути и решить проблему, так как подобная уже возникала при использовании модулей VK.

Дополнительные сведения: используется laravel mix, package.json:
"type": "module",
    "scripts": {
        "dev": "vite",
        "build": "vite build",
        "watch": "mix watch",
        "watch-poll": "mix watch -- --watch-options-poll=1000",
        "hot": "mix-watch --hot"
    },

"dependencies": {
        "@editorjs/editorjs": "^2.27.2",
    }

Подключение файла (уже скомпил. через mix): <script src="{{mix('js/all.js')}}"></script>
Расположение файла: public/js/editor.js
  • Вопрос задан
  • 139 просмотров
Решения вопроса 1
@quiqqe Автор вопроса
В итоге оказалось, что необходимо использовать webpack
https://www.youtube.com/watch?v=yG-NTy2WyQE
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы