ES6 の「予期しないトークン エクスポート」エラーについて

プロジェクト内で ES6 コードを利用しようとすると、「予期しないトークン エクスポート」エラーが発生する場合があります。このエラーは、環境の JavaScript サポートと ES6 構文の間に互換性がないために発生します。

予期しないトークン エクスポートの理由

ES6 では、EcmaScript Modules (ESM) の概念が導入されました。 、export キーワードで示されます。ただし、ESM をサポートしていない環境では、この構文が予期しないトークンとして解釈されます。特に、NodeJS の古いバージョン (v14.13.0 より前) は、 module.exports プロパティ構文を採用する CommonJS モジュールを使用します。 ESM をサポートする新しい NodeJS バージョンでも、ESM を明示的に有効にする必要があります。

予期しないトークンのエクスポートを解決するソリューション

この問題に対処するには、さまざまなアプローチがあります:

• NodeJS v14.13.0 以降で ESM を有効にする: ESM サポートを有効にするには、"type": "module."
[ を設定してプロジェクトの package.json ファイルを変更します。 &&&]
• CommonJS モジュール構文を使用したリファクタリング: 古い NodeJS バージョンの場合は、CommonJS モジュール構文を使用してコードを書き直します。
• ts-node/ts-node-dev で TypeScript を利用します。 TypeScript と ts-node または ts-node-dev npm パッケージを利用すると、TypeScript ファイルを環境と互換性のある JavaScript コードにトランスパイルできます。
• esbuild を使用して ESM を CommonJS にトランスパイルします: esbuild パッケージを使用して ES6 コードを CommonJS JavaScript にトランスパイルし、環境との互換性を確保します。 (注: babel の使用は推奨されなくなりました。)