Des tonnes d’utilisateurs signalent que leurs versions de l’application Facebook Create React échouent depuis hier.
La cause a été attribuée à une dépendance utilisée par créer-réagir-app, dont la dernière version casse les applications des développeurs.
Alors qu’une solution stable n’a pas encore été identifiée, voici une solution de contournement simple que les développeurs peuvent adopter.
les builds create-react-app échouent dans le monde entier
Create React App est un projet open source produit par Facebook (Meta) et mis à disposition sur les deux GitHub et npm pour aider les développeurs à créer rapidement des applications React d’une seule page.
Le projet GitHub est utilisé par plus de 5,4 millions de référentiels, tandis que la version npm reçoit environ 200 000 téléchargements hebdomadaires en moyenne.
L’outil offre une configuration de construction moderne sans nécessiter de configuration complexe – les développeurs peuvent donc créer une application React avec seulement quelques commandes simples.
Cela explique pourquoi tant de développeurs s’appuieraient sur créer-réagir-app et rencontrent des problèmes d’échec de construction depuis hier.
Ingénieur logiciel Jean Athanasiou et développeur front-end Ronald Groot Jebbink ont été rejoints par de nombreux utilisateurs de GitHub qui ont signalé des problèmes pour créer leur créer-réagir-app construit aujourd’hui.
L’enfer des dépendances a encore frappé
Le simple message d’erreur « TypeError : MiniCssExtractPlugin n’est pas un constructeur », le révèle.
Le problème a été attribué à l’une des dépendances, appelée mini-css-extract-plugin, utilisé par créer-réagir-app.
Mini CSS Extract Plugin est un autre projet populaire avec plus de 4,6 millions de dépôts GitHub qui en dépendent.
Avec plus de 7 000 projets npm dépendant du plugin Mini CSS Extract, le projet reçoit 10 millions de téléchargements hebdomadaires en moyenne sur le registre npm.
Le plugin Mini CSS Extract a vu le jour en 2018, à peu près au même moment que Extraire le plugin Webpack de texte a été désapprouvé par son auteur.
Ce projet extrait le CSS dans des fichiers séparés, générant un fichier CSS par fichier JS contenant du CSS.
La dernière version de Mini CSS Extract Plugin, 2.5.0 a été publiée il y a moins d’un jour et semble être le coupable. C’est depuis la publication de cette version particulière que créer-réagir-app les builds du projet ont commencé à échouer.
Fait intéressant, comme le montre EZpublish-france.fr, le journal des modifications pour la version 2.5.0, le responsable a noté un nouvel ajout de fonctionnalité, les « types » ayant été créés :
Et nous nous demandons si le particulier s’engager c’est ce qui a un impact créer-réagir-app cas à casser.
UNE rapport d’erreur déposé pour que les mainteneurs du plugin Mini CSS Extract Plugin examinent certaines causes possibles.
Jusqu’à ce qu’un correctif concret soit identifié par l’équipe open source de Facebook, les développeurs ont noté le succès en rétrogradant leur version du mini-css-extract-plugin à 2.4.5 :
Une bosse de version mineure sur mini-css-extract-plugin à 2.5.0 casse la plupart des implémentations. Épinglez votre version à 2.4.5 jusqu’à ce qu’un correctif soit publié https://t.co/Km55Pw0cC6 (aussi https://t.co/63FhuaYmVr) #webdev #js #webpack
—Terry (@teddyrise) 14 janvier 2022
Cela peut être fait en mettant à jour votre application JavaScript package.json fichier pour inclure le lignes suivantes, épinglant ainsi la version de la dépendance à 2.4.5, comme proposé par le développeur Alexandru Pavaloi :
"resolutions": {
"mini-css-extract-plugin": "2.4.5"
},
Ceux qui n’utilisent pas fil, et pour qui la solution de contournement ci-dessus échoue, essayez d’exécuter la commande suivante, comme suggéré par le développeur front-end Oscar Busk :
npm i -D --save-exact mini-css-extract-plugin@2.4.5
« J’ai essayé toutes les ‘résolutions’ ainsi que les ‘remplacements’ mais rien de tout cela n’a fonctionné jusqu’à ce que j’essaie celui ci-dessus ! » écrit un utilisateur.
Notez que l’application Create React de Facebook n’est peut-être pas la seule application importante à être affectée par la nouvelle version de dépendance.
Projet Npm @wordpress/scripts est aussi aurait rupture.
Les développeurs du SDK d’Auth0 pour les applications d’une seule page sont s’enfermer temporairement la version de dépendance à ‘2.4.5’ pour être sûr.
Bien qu’il ne soit pas de nature malveillante, cet incident fait suite aux informations de la semaine dernière sur les « couleurs » populaires et les « fausses » dépendances npm brisant des milliers de projets logiciels après que leur développeur les ait corrompus.
EZpublish-france.fr a contacté Facebook (Meta) pour mieux comprendre la cause du problème. En attendant, nous espérons que les solutions de contournement ci-dessus permettront d’économiser vos builds React.