Как исправить Uncaught SyntaxError: Cannot use import statement outside a module?

Question

[12Vadim12]

Устанавливал Swiper, получил ошибку Uncaught ReferenceError: Swiper is not defined, указал путь

import Swiper from '../js/swiper-bundle.min.js';
var swiper = new Swiper(".slider", {
  slidesPerView: 3,
  spaceBetween: 25,
  loop: true,
  centerSlide:'true',
  fade:'true',
  grabCursor:'true',
  loopFillGroupWithBlank: true,
  pagination: {
    el: ".swiper-pagination",
    clickable: true,
    dynamicBullets:true
  },
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev",
  },
});

Получил вот такую ошибку

Comments

[12Vadim12]

Как вариант можно к js файлу указать тип модуль

<script type="module" src="js/script.min.js"></script>

Но потом возникает проблема, нода не хочет отдавать файл, нужно наверное будет расширять путь к файлу

И еще не совсем понимаю почему в скриптах у меня показывает 2 файла swiper-bundle.min.js,первый документ пустой, второй с нужным js файлом,и из-за этого возникает ошибка

Answer 1

[Deso Crew]

Эта ошибка означает, что вы пытаетесь использовать оператор импорта вне модуля. Чтобы исправить это, вам нужно убедиться, что вы используете оператор импорта в модуле или скрипте. Кроме того, если вы используете оператор импорта в скрипте, убедитесь, что вы используете расширение .mjs для файла вместо .js.

Comments

[12Vadim12]

да, спасибо я тоже к этому варианту пришел. В комментарие я свои дальнейшие шаги описал, если знаете что за проблема, буду очень благодарен.