ホームページ >ウェブフロントエンド >jsチュートリアル >ES6 での「予期しないトークンのエクスポート」エラーの原因とその解決方法は何ですか?

ES6 での「予期しないトークンのエクスポート」エラーの原因とその解決方法は何ですか?

Susan Sarandon
Susan Sarandonオリジナル
2024-10-17 21:48:291025ブラウズ

What Causes the

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."
  • 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 の使用は推奨されなくなりました。)

以上がES6 での「予期しないトークンのエクスポート」エラーの原因とその解決方法は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。