Может ли импорт ES2015 работать в Firefox?

Несмотря на размещение оператора импорта на верхнем уровне файла t1.js, вы столкнулись с ошибка: «Синтаксическая ошибка: объявления импорта могут появляться только на верхнем уровне модуля». Это говорит о том, что Firefox, возможно, не полностью поддерживает функцию импорта ES2015.

Понимание правильных требований верхнего уровня

Пока ваш оператор импорта находится в начале t1. js, важно отметить, что сам файл должен явно указывать, что он загружен как модуль. Простого размещения оператора импорта в верхней части немодульного файла будет недостаточно.

Как включить загрузку модулей в Firefox

Чтобы решить проблему, вам необходимо чтобы добавить атрибут «type» в тег скрипта, указав, что это модуль:

Совместимость браузера

Функция импорта/экспорта ES2015 в настоящее время полностью поддерживается в следующих версиях браузера и более поздних версиях (самый актуальный список можно найти на сайте caniuse.com):

• Firefox 60
• Chrome (для настольных компьютеров) 65
• Chrome (Android) 66
• Safari 11

Включение поддержки модулей в старых браузерах

Для старых версий браузера может потребоваться включить определенные флаги:

• Chrome Canary 60: флаг «Экспериментальной веб-платформы»
• Firefox 54: настройка «dom.moduleScripts.enabled»
• Edge 15: флаг «Экспериментальные функции JavaScript»