Maison > interface Web > js tutoriel > Pourquoi les déclarations d'importation ES2015 échouent-elles dans Firefox, bien qu'elles soient au niveau le plus élevé ?

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

Patricia Arquette
Libérer: 2024-10-23 00:54:03
original
292 Les gens l'ont consulté

Why Do ES2015 Import Declarations Fail in Firefox, Despite Being at the Top Level?

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>
Copier après la connexion

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!

source:php
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal