Répertoire des articles de la série
Annuaire d'articles
avant-propos
Lors de la construction avec Webpack dans un projet frontal, je rencontre parfois le message d'erreur "Aucune fabrique de modules disponible pour le type de dépendance : CssDependency". Cette erreur se produit généralement lorsque Webpack a des problèmes pour gérer les dépendances liées au CSS. Cet article présentera en détail les raisons de cette erreur, et fournira des solutions pour garantir l'utilisation correcte de Webpack et éviter cette erreur.
1. Analyse de la cause de l'erreur
L'erreur "Aucune fabrique de modules disponible pour le type de dépendance : CssDependency" a généralement plusieurs raisons :
a. Mauvaise configuration de Webpack : cela peut être dû à une mauvaise configuration de Webpack, ce qui entraîne des problèmes de traitement des dépendances liées au CSS.
b. Dépendances nécessaires manquantes : il peut y avoir des dépendances Webpack ou CSS nécessaires manquantes, ce qui entraîne une incapacité à traiter CSS.
c. Plug-ins ou versions de Loader incompatibles : certains plug-ins ou versions de Loader sont incompatibles avec d'autres dépendances, ce qui entraîne des erreurs.
Deux, la solution
Ci-dessous, nous fournirons des solutions pour les raisons possibles ci-dessus :
a. Erreur de configuration Webpack
Assurez-vous que les chargeurs et plugins pertinents sont correctement configurés dans le fichier de configuration Webpack, en particulier ceux qui gèrent CSS, tels que style-loader et css-loader. En même temps, vérifiez si le module.exports et les fichiers d'entrée sont correctement configurés.
Exemple de configuration de pack Web :
Le code est le suivant (exemple) :
const path = require('path');
module.exports = {