ホームページ > ウェブフロントエンド > jsチュートリアル > ES6 コード実行時の「予期しないトークンのエクスポート」エラーを修正する方法?

ES6 コード実行時の「予期しないトークンのエクスポート」エラーを修正する方法?

Linda Hamilton
リリース: 2024-10-17 21:40:03
オリジナル
980 人が閲覧しました

How to Fix

「予期しないトークン エクスポート エラーのトラブルシューティング」

プロジェクト内で ES6 コードを実行しようとすると、「予期しないトークン エクスポート」エラーが発生する場合があります。このエラーは、使用されている環境が ES6 モジュールで採用されているエクスポート キーワード構文をサポートしていないことを示しています。

エラーの詳細

次のコード スニペットは、エラーの原因を示しています。

export class MyClass {
  constructor() {
    console.log("es6");
  }
}
ログイン後にコピー

考えられる解決策

この問題を解決するには、次の解決策を検討してください。

1. Node.js のバージョンと構成

Node.js v14.13.0 以降を使用している場合:

  • 「type」を追加して ESM を有効にします: "

古いバージョンの Node.js を使用している場合:

  • CommonJS を使用するようにコードをリファクタリングします。モジュール構文 (例: module.exports の使用)。

2.インスタント トランスパイルを備えた TypeScript

  • 開発中のインスタント トランスパイルには、TypeScript を ts-node または ts-node-dev パッケージとともに使用します。

3. esbuild を使用したトランスパイル

  • esbuild パッケージを使用して ES6 コードを CommonJS 形式にトランスパイルします。

4. Babel (非推奨)

  • 潜在的なパフォーマンス制限のため、Babel を使用したトランスパイルは推奨されなくなりました。

以上がES6 コード実行時の「予期しないトークンのエクスポート」エラーを修正する方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート