Comment corriger l'erreur « Vous aurez peut-être besoin d'un chargeur approprié pour gérer ce type de fichier » avec Webpack et Babel ?

"Vous aurez peut-être besoin d'un chargeur approprié pour gérer ce type de fichier" avec Webpack et Babel

Lorsque vous rencontrez le message "Vous aurez peut-être besoin d'un chargeur approprié pour gérer ce type de fichier " erreur avec Webpack et Babel, le problème réside généralement dans la configuration du chargeur. Pour résoudre ce problème, suivez ces étapes :

Étape 1 : Installez le préréglage ES2015

Installez le préréglage babel-preset-es2015 :

npm install babel-preset-es2015

Étape 2 : Configurez Babel -Loader

Modifiez la configuration du Webpack pour inclure le préréglage ES2015 dans la configuration de babel-loader :

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

Étape 3 : Mise à jour pour les versions plus récentes (facultatif)

Pour Babel >= 7.x :

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

Pour Webpack >= 2.x :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!