Comprendre l'erreur « Exportation inattendue de jeton » dans ES6

Lorsque vous essayez d'utiliser le code ES6 dans un projet, vous pouvez rencontrer l'erreur « Exportation inattendue de jeton ». Cette erreur survient en raison de l'incompatibilité entre la prise en charge JavaScript de votre environnement et la syntaxe ES6.

Raison de l'exportation inattendue de jetons

ES6 a introduit le concept de modules EcmaScript (ESM) , désigné par le mot-clé export. Cependant, les environnements qui ne prennent pas en charge ESM interpréteront cette syntaxe comme un jeton inattendu. Notamment, les anciennes versions de NodeJS (antérieures à la v14.13.0) utilisent des modules CommonJS, qui utilisent la syntaxe de propriété module.exports. Même dans les versions plus récentes de NodeJS qui prennent en charge ESM, il doit être explicitement activé.

Solutions pour résoudre l'exportation inattendue de jetons

Il existe différentes approches pour résoudre ce problème :

• Activer ESM dans NodeJS v14.13.0 ou version ultérieure : Pour activer la prise en charge d'ESM, modifiez le fichier package.json de votre projet en définissant "type": "module." ]
• Utilisez TypeScript avec ts-node/ts-node-dev : En utilisant TypeScript et ts-node ou ts-node-dev npm, vous pouvez transpiler des fichiers TypeScript en code JavaScript compatible avec votre environnement.
• Transpile ESM vers CommonJS à l'aide d'esbuild : Utilisez le package esbuild pour transpiler votre code ES6 dans CommonJS JavaScript, garantissant la compatibilité avec votre environnement. (Remarque : l'utilisation de Babel n'est plus recommandée.)