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

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

ES6 アセットをコンパイルするために Babel と一緒に Webpack を利用する場合、 「このファイルの種類を処理するには、適切なローダーが必要になる可能性があります。」というエラー メッセージが表示されます。これは通常、babel-loader が正しく構成されていない場合に発生します。

この問題を解決するには、「babel-preset-es2015」がインストールされ、babel-loader が次のように構成されていることを確認してください。

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

es2015 プリセットにより、Babel は ES6 コードを ES5 に変換できます。さらに、Webpack の設定、特に入力プロパティと出力プロパティが正しいことを確認してください。

Babel (>=7.x) および Webpack (>=2.x) の最新バージョンの場合は、次のとおりです。更新は適用可能です:

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

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