Webpack および Babel を使用すると「このファイル タイプを処理するには適切なローダーが必要になる可能性があります」

開発者はエラー メッセージ「このファイル タイプを処理する必要がある可能性があります」が表示される場合があります。 Babel で Webpack を使用して ES6 コードをコンパイルする場合、このファイル タイプを処理するには適切なローダーが必要です。この問題は、特定の構文や機能を処理するために必要なプリセットが Babel にない場合に発生します。

Babel 6.x および Webpack 1.x の解決策

Babel の古いバージョンの場合および Webpack の場合、解決策は次のとおりです:

1. ES2015 をインストールします。 preset:

   npm install babel-preset-es2015

2. プリセットを含めるように babel-loader を構成します:

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

新しいバージョンのアップデート

Babel >= 7.x および Webpack >= 2.x の場合:

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