L'importation ES2015 peut-elle fonctionner dans Firefox ?

Malgré le placement de votre instruction d'importation au niveau supérieur de votre fichier t1.js, vous rencontrez le erreur : "SyntaxError : les déclarations d'importation ne peuvent apparaître qu'au niveau supérieur d'un module." Cela suggère que Firefox ne prend peut-être pas entièrement en charge la fonctionnalité d'importation ES2015.

Comprendre l'exigence de niveau supérieur correcte

Alors que votre instruction d'importation se trouve au début de t1. js, il est crucial de noter que le fichier lui-même doit indiquer explicitement qu'il est chargé en tant que module. Placer simplement l'instruction d'importation en haut d'un fichier non-module ne suffira pas.

Comment activer le chargement de module dans Firefox

Pour résoudre le problème, vous devez pour ajouter l'attribut "type" à votre balise de script, en précisant qu'il s'agit d'un module :

Compatibilité des navigateurs

La fonctionnalité d'importation/exportation ES2015 est actuellement entièrement prise en charge dans les versions de navigateur suivantes et versions ultérieures (consultez caniuse.com pour la liste la plus à jour) :

• Firefox 60
• Chrome (ordinateur de bureau) 65
• Chrome (Android) 66
• Safari 11

Activation de la prise en charge des modules dans les anciens navigateurs

Pour les anciennes versions de navigateur, vous devrez peut-être activer certains indicateurs :

• Chrome Canary 60 : indicateur "Plateforme Web expérimentale"
• Firefox 54 : paramètre "dom.moduleScripts.enabled"
• Edge 15 : indicateur "Fonctionnalités JavaScript expérimentales"