Impossible d'utiliser l'instruction IMPORT MODULE EN DÉTANCE EN JavaScript

Les modules sont des morceaux de code javascript écrit dans un fichier. Les modules JavaScript facilitent la modularisation du code en séparant l'ensemble du code en modules qui peuvent être chargés de n'importe où. Les modules sont utilisés pour maintenir, déboguer et réutiliser le code. Chaque module se compose d'un morceau de code qui s'exécute lors du chargement.

Ce tutoriel décrira:

• Ce qui est «Impossible d'utiliser l'instruction IMPORT en dehors d'un module»?
• Comment se produit «Impossible d'utiliser l'instruction IMPORT en dehors d'un module»?
• Comment corriger «Impossible d'utiliser l'instruction IMPORT en dehors d'un module»?

Ce qui est «Impossible d'utiliser l'instruction IMPORT MODULE EN DÉTAGE» dans JavaScript?

Le "Impossible d'utiliser l'instruction d'importation en dehors d'un module"Est une erreur dans JavaScript que vous pouvez faire face lors de l'importation de n'importe quelle instruction de l'extérieur du module.

Comment «Impossible d'utiliser l'instruction IMPORT MODULE EXTÉRIEUR» se produit dans JavaScript?

Cette erreur se produit tout en essayant d'utiliser les fonctionnalités ES6 dans un projet JavaScript car les modules sont une version plus récente incluse dans ES6, dans laquelle chaque module est défini par un ".js" déposer. Pour importer ou exporter des classes avec leurs propriétés, fonctions, variables ou autres composants entre les fichiers et les modules, utilisez le «importer" ou "exporter»Instruction dans un module.

Voyons comment cette erreur se produit dans JavaScript:

Exemple
Nous avons un module JavaScript "données.js"Cela contient la classe"Données"Et une méthode"addData ()«Cela importera dans un projet JavaScript dans une balise en utilisant le«importer" mot-clé:

La sortie donnée montre que lors de l'importation du module, le «Impossible d'utiliser l'instruction d'importation en dehors d'un module" erreur se produit:

Voyons la solution pour corriger cette erreur.

Comment corriger «Impossible d'utiliser l'instruction IMPORT en dehors d'un module» Erreur dans JavaScript?

Pour réparer le «Impossible d'utiliser l'instruction d'importation en dehors d'un module”Erreur, définissez l'attribut de type de la balise sur le module dans le code HTML. Maintenant, vous pouvez utiliser la syntaxe du module ES6 dans votre code JavaScript:

La fenêtre donnée montre que l'erreur a été résolue avec succès:

Nous avons compilé les informations essentielles liées à l'erreur indiquée et avons fourni la solution pertinente

Conclusion

Le "Syntaxerror: Impossible d'utiliser l'instruction IMPORT à l'extérieur d'un module"Se produit lorsque vous utilisez la syntaxe des modules ES6 dans un script qui n'a pas été chargé comme module. Pour résoudre cette erreur et utiliser les importations du module ES6 dans JavaScript, définissez le type d'attribut de la balise sur le module dans le code HTML. Ce tutoriel a décrit ce que le «Impossible d'utiliser l'instruction d'importation en dehors d'un module»L'erreur est, comment cela se produit et comment le réparer en javascript.