Pourquoi l'importation ES2015 échoue-t-elle dans Firefox 46 ?

Erreurs d'importation ES2015 dans Firefox

Dans Firefox 46, l'importation de modules utilisant la syntaxe ES2015 échoue avec l'erreur : "SyntaxError : les déclarations d'importation ne peuvent apparaître au niveau supérieur d'un module." Cependant, on ne sait pas comment cela pourrait être de plus haut niveau.

Cause réelle et solution

Le message d'erreur est trompeur. Le véritable problème est que Firefox nécessite une indication explicite qu'un script est chargé en tant que module. L'ajout de l'attribut "type=module" à la balise de script résout le problème :

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

Prise en charge du navigateur

L'importation/exportation ES2015 est entièrement prise en charge dans le navigateur suivant versions :

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

Dans les versions antérieures, la fonctionnalité peut être activée via des indicateurs expérimentaux :

• Chrome Canary 60 : indicateur de plate-forme Web expérimentale
• Firefox 54 : paramètre dom.moduleScripts.enabled dans environ : config
• Edge 15 : paramètre de fonctionnalités JavaScript expérimentales dans about:flags

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!