Comment résoudre l'erreur « Chargeur approprié » lors de l'utilisation de Webpack et Babel ?

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

Les développeurs peuvent rencontrer le message d'erreur "Vous pouvez besoin d'un chargeur approprié pour gérer ce type de fichier" lors de l'utilisation de Webpack avec Babel pour compiler le code ES6. Ce problème survient lorsque Babel ne dispose pas des préréglages nécessaires pour gérer une syntaxe ou des fonctionnalités spécifiques.

Solution pour Babel 6.x et Webpack 1.x

Pour les anciennes versions de Babel et Webpack, la solution est la suivante :

1. Installez le préréglage ES2015 :

   npm install babel-preset-es2015

   Copier après la connexion

2. Configurez babel-loader pour inclure le préréglage :

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

   Copier après la connexion

Mise à jour pour les versions plus récentes

Pour Babel >= 7.x et Webpack >= 2.x :

• Utilisez @babel/preset-env au lieu de babel-preset-es2015.
• Utilisez les options au lieu de requête dans la configuration de babel-loader.

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!