Как сделать чтобы работал Ecmascript 6 import, export?

207
11 мая 2019, 04:00

В браузер где использую скрипт с import export операторами выводит ошибку

Uncaught SyntaxError: Unexpected identifier

Изучаю Ecmascript 6 но не могу понять и найти, как работает import и export какую технологию они используют и как все устроено ?

Информации и литературы на эту тему очень мало.

Если есть ссылки буду рад посмотреть.

Answer 1

import и export поддерживаются не во всех браузерах, в некоторых нужно добавить в настройках дополнительные разрешения.

Например:

  1. EDGE - about:flags выделить галочку
  2. Chrome - начиная с версии 61 включено по умолчанию

Для того, чтобы можно было использовать import, export у соответствующих тегов script нужно установить: type="module"

Answer 2

бразер не поддерживает модули. в браузере не будет работать import/export. это сделано в целях безопасности. что бы добиться модульности, вы можете использовать сборщик пакетов по типу Webpack. Он объеденит ваши фаилы js в один. Но стоит предупредить, что сборшики работают на node js который не поддерживает es6 import/export. используите babel для преобразования вашего кода!