A importação do ES2015 funciona no Firefox?

Apesar de colocar sua instrução de importação no nível superior do seu arquivo t1.js, você encontra o erro: "SyntaxError: as declarações de importação só podem aparecer no nível superior de um módulo." Isso sugere que o Firefox pode não oferecer suporte total à funcionalidade de importação do ES2015.

Compreendendo o requisito correto de nível superior

Embora sua instrução de importação esteja localizada no início de t1. js, é crucial observar que o próprio arquivo deve indicar explicitamente que está carregado como um módulo. Simplesmente colocar a instrução import no topo de um arquivo que não seja de módulo não será suficiente.

Como ativar o carregamento de módulo no Firefox

Para resolver o problema, você precisa para adicionar o atributo "type" à sua tag de script, especificando que é um módulo:

Compatibilidade do navegador

A funcionalidade de importação/exportação do ES2015 é atualmente totalmente suportada nas seguintes versões do navegador e posteriores (verifique caniuse. com para obter a lista mais atualizada):

• Firefox 60
• Chrome (desktop) 65
• Chrome (Android) 66
• Safari 11

Ativando suporte ao módulo em navegadores mais antigos

Para navegadores mais antigos versões, pode ser necessário ativar determinados sinalizadores:

• Chrome Canary 60: "Experimental Web Sinalizador de plataforma"
• Firefox 54: configuração "dom.moduleScripts.enabled"
• Edge 15: sinalizador "Recursos experimentais de JavaScript"