Pourquoi est-ce que j'obtiens « Uncaught SyntaxError : Impossible d'utiliser l'instruction d'importation en dehors d'un module » lors de l'importation de modules ECMAScript 6 ?

"Uncaught SyntaxError : Impossible d'utiliser l'instruction d'importation en dehors d'un module" lors de l'importation d'ECMAScript 6

Présentation

Lors de la tentative d'importation du milsymbol du module ECMAScript 6 .js dans un projet ArcGIS JSAPI, vous pouvez rencontrer l'erreur « Uncaught SyntaxError : Impossible d'utiliser l'instruction import en dehors d'un module." Ce guide fournit une solution à cette erreur.

Problème

L'erreur se produit car le script milsymbol.js nécessite un environnement de module pour utiliser l'instruction d'importation. Sans environnement de module, le navigateur ne reconnaîtra pas la syntaxe.

Solution

Pour activer un environnement de module dans le projet ArcGIS JSAPI, vous pouvez modifier la balise de script qui inclut milsymbol.js en ajoutant l'attribut type="module":

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

Cela créera un environnement de module pour le script milsymbol.js, lui permettant d'utiliser l'import déclaration.

Alternative pour Node.js/NPM

Si vous travaillez avec Node.js/NPM, vous pouvez également configurer le fichier package.json pour utiliser la syntaxe du module :

{
  // ...
  "type": "module",
  // ...
}

Cela activera la syntaxe du module tout au long de votre projet.

Utilisation

Une fois l'environnement du module est configuré, vous pouvez utiliser la syntaxe d'importation pour référencer l'objet ms depuis milsymbol.js :

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

Notez que vous devrez utiliser la syntaxe d'importation au lieu de la syntaxe require lorsque vous travaillez avec des modules .

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!