Pourquoi les déclarations d'importation ES2015 échouent-elles dans Firefox, bien qu'elles soient au niveau le plus élevé ?

Les déclarations d'importation ES2015 ne fonctionnent pas dans Firefox, même au niveau supérieur

Les utilisateurs tentent d'utiliser les déclarations d'importation ES2015 dans leurs fichiers HTML pour le navigateur Les modules JavaScript basés sur les modules rencontrent une erreur particulière dans Firefox 46. Le message d'erreur « SyntaxError : les déclarations d'importation ne peuvent apparaître qu'au niveau supérieur d'un module » semble déroutant étant donné que l'instruction d'importation est placée au tout début du fichier de script. .

Exigence de Firefox en matière de déclaration explicite de module

L'erreur dans Firefox provient du fait que la prise en charge du module ES2015 n'est pas activée par défaut dans le navigateur. Pour utiliser des modules avec import et export, vous devez indiquer explicitement que vous utilisez un module en ajoutant l'attribut "type=module" à la balise de script qui importe le module.

Par exemple, le fichier HTML dans le La question doit être modifiée comme suit :

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

Cette modification précise à Firefox que le script est un module, permettant à la déclaration d'importation de fonctionner correctement.

Prise en charge du navigateur pour les modules ES2015

La prise en charge du module ES2015 dans les navigateurs est encore relativement nouvelle et varie selon les navigateurs et les versions. Voici un tableau résumant la prise en charge du navigateur pour les fonctionnalités d'importation/exportation d'ES2015 :

Browser	Version	Support
Firefox	60	Fully supported
Chrome (desktop)	65	Fully supported
Chrome (android)	66	Fully supported
Safari	1.1	Fully supported
Older Browsers	Varies	May require enabling experimental flags

Si vous utilisez un navigateur plus ancien ou une version sans prise en charge des modules intégrés, vous devrez peut-être activer les indicateurs expérimentaux pour l'activer. fonctionnalité. Les indicateurs et instructions spécifiques varient en fonction du navigateur.

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!