Как использовать import/export в js?

Продолжаю работать над портфолио. Сделал слайдер и решил выпилить его в модуль.

export function next() { // code }
export function prev() { // code }

Ну и скрипт слайдера

import { next, prev } from './modules/slider.js';

Исходники залил на github

Проблемы следующие :)

1. Почему "type="module" я прописываю в 'main'.js, а не в модуль? Хотя и к самому модулю также не мешает прописать, а иначе хром немного ругается. Uncaught SyntaxError: Unexpected token export Фактически всё работает, но вот ругается.

2. Ну да и неважно. Firefox вообще отказывается читать как первый, так и второй файлы. В зависимости от различных комбинаций (порядок подключения и кому присвоить тип модуля) выдает ошибку к импорту или экспорту. SyntaxError: export declarations may only appear at top level of a module

Так что, это и есть главный вопрос - как заставить это работать в firefox? Ведь поддержка уже относительно неплохая, разве нет? И пока я создавал репозиторий для слайдера, я понял, что не навесил ивенты на радио-кнопки. Ну да черт с ними :)