Webpack est un bundler de modules open-source pour les fichiers JavaScript. Si vous essayez d’effectuer une génération, vous risquez de rencontrer une erreur de configuration d’alias valide dans le navigateur de champs. Si le même problème se produit, ne vous inquiétez pas ! Nous vous apportons un guide parfait qui résoudra le module introuvable. le navigateur de champs ne contient pas d’erreur de configuration d’alias valide. De plus, si vous utilisez Webpack2 et essayez de recréer le fichier de configuration, vous pouvez également rencontrer ledit problème. Alors, continuez à lire !

Comment réparer le navigateur de champs ne contient pas une configuration d’alias valide

De nos jours, le développement Web est devenu plus facile grâce à diverses bibliothèques. Avant, nous devons apprendre HTML, CSS et JavaScript pour créer une application Web. Mais maintenant, il existe diverses bibliothèques disponibles pour faciliter notre processus de développement, comme React JS, Node JS, etc. Webpack est également un outil populaire pour regrouper les fichiers JavaScript. Mais tout en travaillant avec cet outil, vous pouvez rencontrer quelques bogues si vous êtes nouveau. Ici, dans cet article, nous avons répertorié les étapes pour corriger ladite erreur de module introuvable. Cette erreur peut empêcher les applications Web de fonctionner correctement. Suivez ces étapes étape par étape pour résoudre le problème.

Étape 1 : Modifier les chemins d’importation

Tout d’abord, vous devez modifier le chemin d’importation. Si vous n’ajoutez pas ./ avant le chemin, vous pouvez recevoir ladite erreur lors de l’exécution de la construction. Voici les étapes pour modifier les chemins d’importation.

1. Faites défiler vers le bas et localiser la ligne suivante dans le code ;

import DoISuportIt from 'components/DoISuportIt';

2. Maintenant, changez le code ci-dessus avec le donné code;

import DoISuportIt from './components/DoISuportIt';

3. Enfin, redémarrer le NPM et essayez d’effectuer à nouveau la construction.

A lire aussi : Comment activer ou désactiver JavaScript dans votre navigateur

Étape 2 : Assurez-vous que la valeur d’entrée est correcte

Vous devez également vérifier la valeur d’entrée. Suivez ces étapes pour modifier le fichier de configuration afin que le navigateur de champ ne contienne pas d’erreur de configuration d’alias valide.

1. Ouvrez le fichier de configuration.

2. Ici, localisez le valeur d’entrée.

3. Ajouter ./ personnage s’il manque,

4. Assurez-vous également que valeur de résolution est ajouté.

Étape 3 : Modifier les alias

Si vous utilisez des alias dont le nom est déjà pris auparavant, vous pouvez être confronté à ladite erreur. L’utilisation des mêmes variables peut créer un bogue dans le fichier JavaScript de configuration Webpack. Donc, pour résoudre ce problème, vous devez vous assurer que les noms d’alias ne sont pas déjà pris.

A lire aussi : Comment réparer l’erreur javascript:void(0)

Étape 4 : Vérifier les erreurs de syntaxe

S’il y a une erreur de frappe dans le fichier webpack.config.js, cela entraîne également ladite erreur. Vous devez donc analyser l’intégralité du fichier de configuration à la recherche d’éventuelles erreurs de syntaxe. Plus important encore Module introuvable. le navigateur de champs ne contient pas d’erreur de configuration d’alias valide peut se produire si vous n’utilisez pas la commande d’exportation à la fin du fichier. Donc, pour éviter l’erreur, ajoutez la commande d’exportation suivante.

export default Config;

Étape 5 : Modifier la casse de la syntaxe

Une autre cause possible de cette erreur est la casse particulière utilisée dans la syntaxe. Suivez ces étapes pour corriger le changement de cas;

1. Ouvrez le fichier de configuration et localisez la ligne donnée ;

./path/pathCoordinate/pathCoordinateForm.component

2. Remplacez la ligne ci-dessus par ce qui suit code;

./path/pathcoordinate/pathCoordinateForm.component

Recommandé:

Nous espérons que vous avez appris à réparer le navigateur de champs ne contient pas de configuration d’alias valide pour Webpack. N’hésitez pas à nous contacter avec vos questions et suggestions via la section commentaires ci-dessous. Faites-nous savoir ce que vous voulez savoir ensuite.