Pourquoi est-ce que j'obtiens le message « Uncaught SyntaxError : Impossible d'utiliser l'instruction d'importation en dehors d'un module » lors de l'importation de milsymbol.js dans ArcGIS JSAPI ?

"Erreur de syntaxe non capturée : impossible d'utiliser l'instruction d'importation en dehors d'un module" lors de l'importation d'ECMAScript 6

Lors de l'intégration de la bibliothèque milsymbol.js dans votre ArcGIS JSAPI pour afficher les symboles militaires sur votre carte, vous pouvez rencontrer des erreurs telles que "Uncaught SyntaxError: Cannot use import

Comprendre les erreurs

La première erreur, "Uncaught SyntaxError : Impossible d'utiliser l'instruction d'importation en dehors d'un module" un module", indique que la syntaxe d'importation n'est pas prise en charge en dehors d'un contexte de module. Pour résoudre ce problème, vous devez ajouter type="module" à l'élément de script chargeant milsymbol.js.

La deuxième erreur, "Uncaught ReferenceError : ms n'est pas définie", se produit car la variable ms n'est pas définie lorsque en utilisant la syntaxe d'importation. En effet, les instructions d'importation correspondent à l'exportation par défaut du module. Dans milsymbol.js, l'exportation par défaut est { ms }, vous devez donc l'importer en tant que tel.

Correction des erreurs

1. Ajouter type=" module" à l'élément de script pour milsymbol.js :

<script type="module" src="milsymbol-2.0.0/src/milsymbol.js"></script>

2. Importez la variable ms dans votre script principal :

import { ms } from 'milsymbol-2.0.0/src/milsymbol.js';

Comprendre la documentation officielle

Dans la documentation officielle de Spatial Illusions, vous remarquerez peut-être que l'élément script n'a pas type="module." En effet, la documentation est destinée aux utilisateurs qui utilisent un bundler tel que Webpack ou Rollup pour regrouper leur code. Lors de l'utilisation d'un bundler, le type="module" n'est pas nécessaire car le bundler gérera automatiquement la résolution du module.

Conclusion

En suivant les étapes ci-dessus, vous peut résoudre les erreurs que vous avez rencontrées lors de l’importation de modules ECMAScript 6 dans votre projet ArcGIS JSAPI. N'oubliez pas d'envisager d'utiliser un bundler si vous devez mélanger et faire correspondre la syntaxe require et import.

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!