Блог

Главная - Вопросы по программированию - Редактор.Ошибка синтаксиса JS: невозможно использовать оператор импорта вне модуля

Редактор.Ошибка синтаксиса JS: невозможно использовать оператор импорта вне модуля

#javascript #node.js #syntax-error #package.json #editorjs

#javascript #node.js #синтаксическая ошибка #package.json #editorjs

Вопрос:

Я пытаюсь установить editor.js однако в моем проекте я продолжаю сталкиваться с ошибкой Uncaught SyntaxError: Cannot use import statement outside a module .

Я могу загрузить его через там CDN, но по какой-то причине это не может работать.

Вот шаги по устранению неполадок, которые я уже выполнил:

  1. Добавить "type":"module" в файл JSON
  2. Добавить type="module" в ванильный js-скрипт
  3. откат версии узла до версии 11.4.0 (это было рекомендовано с другой страницы через stackoverflow).

Я искал через stackoverflow, и я не могу найти решение, отличное от этого. Есть какой-нибудь совет?

HTML-файл:

 <!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <div  id="editorjs"></div>

    <script src="index.js"></script>

  </body>
</html>

Файл JS:

 import EditorJS from '@editorjs/editorjs';

const editor = new EditorJS();

файл package JSON:

 {
  "name": "editor",
  "version": "1.0.0",
  "type": "module",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo "Error: no test specified" amp;amp; exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@editorjs/editorjs": "^2.18.0"
  }
}

введите описание изображения здесь

Комментарии:

1. Вам потребуется, <script type="module" src="index.js"> но вашему браузеру также потребуется его поддержка . Однако без bundler, я думаю, вы быстро столкнетесь с новыми проблемами

2. Привет, @Phil, я попробовал это, и это выдало мне эту ошибку «Доступ к скрипту по адресу «./editor/index.js ‘ from origin ‘null’ заблокирован политикой CORS: запросы с перекрестным источником поддерживаются только для схем протоколов: http, data, chrome, chrome-extension, https.

3. Любые рекомендации о том, какой пакет я должен использовать и как его установить?