TypeError [ERR_INVALID_ARG_TYPE]: L'argument "chemin" doit être de type chaîne. Type reçu non défini déclenché lors du démarrage de l'application React

93

Je travaille sur un projet dans React et j'ai rencontré un problème qui m'a bloqué.

Chaque fois que je cours, yarn startj'obtiens cette erreur:

TypeError [ERR_INVALID_ARG_TYPE]: L'argument "chemin" doit être de type chaîne. Type reçu non défini

Je ne sais pas pourquoi cela se produit, si quelqu'un en a fait l'expérience, je lui en serais reconnaissant.

— Fredrick Barrett
source

Essayez de supprimer et de réinstaller les modules de noeud à nouveau.

— Astrit Spanca

178

Pour résoudre ce problème, passez simplement à "react-scripts": "^3.4.0"

Remplacez l'existant "react-scripts": "^3.x.x"par "react-scripts": "^3.4.0"dans votre package.json
Supprimez vos modules de nœuds
Exécutez npm install ou yarn install

J'espère que ça va te réparer plus vite

— EngrEric
source

11

m'arracher les cheveux au cours des dernières 24 heures pour essayer de résoudre ce même problème. cette solution fonctionne parfaitement pour moi. Merci beaucoup.

— Rapid537

4

npm est un tas de fumier

— fumant

8

Mon problème a été résolu lors de la mise à niveau de 3.3.0vers 3.4.0. Ce qui est bizarre, c'est qu'on arrête juste de travailler au milieu du développement, sans aucune raison.

— Algorithme abstrait

3

Savez-vous pourquoi cela se produit?

— Ilyas karim

10

Cela «vient juste de commencer» pour moi aussi, mais c'était vraiment après la course npm audit fix, au cas où cela serait utile à n'importe qui.

— Jeremy Jones

19

J'ai également rencontré ce problème et je l'ai compris en mettant à niveau le react-scriptspackage de "react-scripts": "3.x.x"vers"react-scripts": "^3.4.0"

Supprimer le node_modules\dossier
Supprimer le package-lock.jsonfichier
Réécrire le package.jsonfichier de "react-scripts": "3.x.x"à"react-scripts": "^3.4.0"
Réinstaller les packages de nœuds npm i
Maintenant, lancez le projet npm start

Et il fonctionne!!

— Fatema T. Zuhora
source

7

Nous avons éjecté react-scriptset ne pouvions donc pas simplement mettre à niveau l'entrée package.json pour résoudre ce problème.

Au lieu de cela, nous avons fait ceci: 1.) dans un nouveau répertoire, créez un nouveau projet -> $> npx create-react-app foo-project 2.) puis éjectez-le -> cd ./foo-project && npm run eject 3.) copiez maintenant les fichiers de / foo-project / config dans le répertoire config de notre principal application et allumez votre serveur de développement

espérons que cela aide les autres dans une situation similaire.

— Al DeLuca
source

6

J'ai juste eu ce problème après l'installation et la suppression de certains paquets npm et j'ai passé près de 5 heures à comprendre ce qui se passait.

Ce que j'ai fait, c'est essentiellement copié mes src / composants dans un répertoire différent, puis supprimé tous les modules de noeud et package-lock.json (si vous exécutez votre application dans le conteneur Docker, supprimez les images et reconstruisez-la juste pour être sûr); puis le réinitialiser à mon dernier commit, puis remettre mes src / composants puis exécuté npm i.

J'espère que ça aide.

— Solijon Sharipov
source

2

Accédez à votre package.json
Changez "react-scripts": "3.xx" en "react-scripts": "^ 3.4.0" dans les dépendances
Réinstallez les scripts de réaction: npm I react-scripts
Démarrez votre projet: npm start

— edebo
source

2

Courir a npm i react-dev-utils@10.0.0résolu mon problème.

— albert sh
source

1

J'ai fait tout ce qui précède, puis ce problème a été résolu.

— NicoWheat Il y a

0

Si vous avez un éjecté create-react-app , je suggère:

Créez une nouvelle application React via create-react-app.
Éjectez-le par npm run ejectou yarn eject.
Installez tous les packages manquants dans le package.json.
Copiez votre dossier src en supposant que tout votre code se trouve dans ce dossier.
Refaites vos modifications sur les dossiers de configuration et de script , si nécessaire.

A travaillé pour moi.

— Geo Angelopoulos
source

0

J'ai essayé différentes approches décrites ci-dessus, mais aucune d'entre elles n'a fonctionné depuis que j'ai éjecté mon CSS. Enfin, l'application des étapes suivantes a aidé:

Passer react-scriptsde "react-scripts": "3.x.x"à"react-scripts": "^3.4.0"
Rétrograder le react-dev-utilsformulaire "react-dev-utils": "^10.x.x"vers"react-dev-utils": "10.0.0"
Supprimer le node-modulesdossier et package-lock.json/yarn.lock
Réinstaller les packages npm install/yarn install

— Binod Kafle
source

0

Si vous avez éjecté et êtes curieux, c'est ce changement sur le référentiel de l'ARC qui est à l'origine de l'erreur.

Pour y remédier, vous devez appliquer leurs modifications; à savoir, le dernier ensemble de fichiers:

packages / react-scripts / config / paths.js
packages / react-scripts / config / webpack.config.js
packages / react-scripts / config / webpackDevServer.config.js
packages / react-scripts / package.json
packages / react-scripts / scripts / build.js
packages / react-scripts / scripts / start.js

Personnellement, je pense que vous devez appliquer manuellement les modifications car, à moins que vous n'ayez été à jour avec toutes les modifications, vous pouvez introduire un autre bogue dans votre bundle webpack (en raison d'une incompatibilité de dépendance ou autre).

OU , vous pourriez faire ce que Geo Angelopoulos a suggéré. Cela peut prendre un certain temps, mais au moins votre projet serait synchronisé avec le référentiel CRA (et bénéficierait de toutes leurs dernières améliorations!).

— jpz95
source