Webpack と Babel での「このファイル タイプを処理するには適切なローダーが必要な可能性があります」エラーを修正する方法

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

「このファイル タイプを処理するには適切なローダーが必要な可能性があります」というメッセージが発生した場合「Webpack と Babel でエラーが発生する場合、問題は通常、ローダーの設定にあります。これを解決するには、次の手順に従ってください:

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

babel-preset-es2015 プリセットをインストールします:

npm install babel-preset-es2015

ステップ 2: Babel を構成する-Loader

Webpack 設定を変更して、babel-loader 設定に ES2015 プリセットを含めます:

<code class="javascript">module: {
  loaders: [
    {
      test: /\.jsx?$/,
      loader: 'babel-loader',
      exclude: /node_modules/,
      query: {
        presets: ['es2015']
      }
    }
  ]
}</code>

ステップ 3: 新しいバージョンの更新 (オプション)

Babel >= 7.x:

<code class="javascript">test: /\.jsx?$/,
loader: 'babel-loader',
exclude: /node_modules/,
options: {
  presets: ['@babel/preset-env']
}</code>

Webpack の場合 >= 2.x:

<code class="javascript">options: {
  // ...
}</code>

以上がWebpack と Babel での「このファイル タイプを処理するには適切なローダーが必要な可能性があります」エラーを修正する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。