Webpack と Babel での「適切なローダーが必要な可能性があります」エラーを解決するにはどうすればよいですか?

Webpack と Babel での「適切なローダーが必要な可能性があります」エラーへの対処

このエラーが発生した場合、Webpack には適切なローダーが必要であることを示しています。ファイルを解釈します。この特定のインスタンスでは、Babel が ES6 コンパイルに利用されます。これを解決するには、次の手順に従います。

1. ES2015 プリセットをインストールします。

   npm install babel-preset-es2015

2. 設定Babel-Loader:
   Webpack 設定ファイルを変更して次の内容を含めます:

   {
       test: /\.jsx?$/,
       loader: 'babel-loader',
       exclude: /node_modules/,
       query: {
           presets: ['es2015']
       }
   }

この設定は、ES6 コードのトランスパイルに ES2015 プリセットを利用するように Babel に通知します。

Babel >= 7.x および Webpack >= 2.x のユーザーの場合

これらのツールの新しいバージョンを使用している場合、構成構文が進化しています:

• クエリを Babel-loader 設定のオプションに置き換えます。
• babel-preset-es2015 の代わりに @babel/preset-env を使用します。

以上がWebpack と Babel での「適切なローダーが必要な可能性があります」エラーを解決するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。