Importer des modules dans Firefox : démêler l'erreur de syntaxe

Problèmes d'importation ES2015 dans Firefox

Les utilisateurs de Firefox ont rencontré une erreur déroutante en tentant d'exploiter les fonctionnalités d'importation et d'exportation ES2015 :

Erreur :

SyntaxError: import declarations may only appear at top level of a module

Cette erreur se produit malgré le placement de l'instruction d'importation au niveau supérieur du script. Cela soulève la question : le support de l'import/export dans Firefox est-il déficient ?

La solution :
Contrairement à l'intuition, l'erreur provient d'une déclaration de module manquante. Pour activer le chargement modulaire, indiquez explicitement que le script est un module en ajoutant l'attribut type="module" :

<code class="html"><script src="t1.js" type="module"></script></code>

Cette déclaration permet l'utilisation d'instructions d'importation au sein du module.

Prise en charge des navigateurs :
L'importation/exportation est entièrement prise en charge dans les navigateurs modernes :

• Firefox 60
• Chrome 65 (ordinateur de bureau et Android)
• Safari 1.1

Pour les versions antérieures du navigateur, l'activation des indicateurs expérimentaux peut être requise :

• Chrome Canary 60 : activez l'indicateur « Plateforme Web expérimentale ».
• Firefox 54 : définissez la préférence "dom.moduleScripts.enabled" dans about:config.
• Edge 15 : activez l'indicateur "Fonctionnalités JavaScript expérimentales".

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!