TypeError [ERR_INVALID_ARG_TYPE]: Das Argument "path" muss vom Typ string sein. Empfangener Typ undefiniert ausgelöst beim Starten der Reaktions-App

92

Ich arbeite an einem Projekt in React und bin auf ein Problem gestoßen, das mich verblüfft hat.

Immer wenn ich renne, yarn starterhalte ich folgende Fehlermeldung:

TypeError [ERR_INVALID_ARG_TYPE]: Das Argument "path" muss vom Typ string sein. Empfangener Typ undefiniert

Ich habe keine Ahnung, warum dies geschieht. Wenn jemand dies erlebt hat, wäre ich dankbar.

Fredrick Barrett
quelle
Versuchen Sie erneut, Knotenmodule zu löschen und neu zu installieren.
Astrit Spanca

Antworten:

177

Um dieses Problem zu beheben, aktualisieren Sie einfach auf "react-scripts": "^3.4.0"

  1. Überschreiben Sie das vorhandene "react-scripts": "^3.x.x"mit "react-scripts": "^3.4.0"in Ihrer package.json
  2. Löschen Sie Ihre Knotenmodule
  3. Führen Sie npm install oder yarn install aus

Ich hoffe es wird dich schneller reparieren

EngrEric
quelle
11
Ich habe mir in den letzten 24 Stunden die Haare ausgezogen, um das gleiche Problem zu lösen. Diese Lösung funktioniert perfekt für mich. ich danke dir sehr.
Rapid537
4
npm ist so ein dampfender Haufen Mist
Magicode
8
Mein Problem wurde beim Upgrade von 3.3.0auf behoben 3.4.0. Das Seltsame ist, dass die Arbeit mitten in der Entwicklung ohne Grund eingestellt wird.
Abstrakter Algorithmus
3
Wissen Sie, warum das passiert?
Ilyas Karim
10
Das ist mir gerade erst passiert, aber es war wirklich nach dem Laufen npm audit fix, falls das für irgendjemanden nützlich ist.
Jeremy Jones
19

Ich habe mich auch diesem Problem gestellt und es herausgefunden, indem ich das react-scriptsPaket von "react-scripts": "3.x.x"auf aktualisiert habe"react-scripts": "^3.4.0"

  1. node_modules\Ordner löschen
  2. package-lock.jsonDatei löschen
  3. Schreiben Sie die package.jsonDatei von "react-scripts": "3.x.x"bis neu"react-scripts": "^3.4.0"
  4. Installieren Sie die Knotenpakete erneut npm i
  5. Starten Sie nun das Projekt npm start

Und es funktioniert!!

Fatema T. Zuhora
quelle
7

Wir haben react-scriptsden Eintrag package.json verworfen und konnten ihn daher nicht einfach aktualisieren, um dies zu beheben.

Stattdessen haben wir Folgendes getan: 1.) Erstellen Sie in einem neuen Verzeichnis ein neues Projekt -> $> npx create-react-app foo-project 2.) und werfen Sie es dann aus -> cd ./foo-project && npm run eject 3.) Kopieren Sie nun die Dateien aus / foo-project / config in das Konfigurationsverzeichnis unseres Hauptverzeichnisses App und starten Sie Ihren Entwickler-Server

hoffe, dies hilft anderen in einer ähnlichen Bindung.

Al DeLuca
quelle
6

Ich hatte gerade dieses Problem, nachdem ich einige npm-Pakete installiert und entfernt hatte, und verbrachte fast 5 Stunden damit, herauszufinden, was los war.

Im Grunde habe ich meine src / components in ein anderes Verzeichnis kopiert und dann alle Knotenmodule und package-lock.json entfernt (wenn Sie Ihre App im Docker-Container ausführen, entfernen Sie Images und erstellen Sie sie aus Sicherheitsgründen neu). Setzen Sie es dann auf mein letztes Commit zurück und setzen Sie dann meine src / Komponenten zurück, die dann ausgeführt werden npm i.

Ich hoffe, es hilft.

Solijon Sharipov
quelle
2
  1. Gehen Sie zu package.json

  2. Ändern Sie in den Abhängigkeiten "React-Scripts": "3.xx" in "React-Scripts": "^ 3.4.0"

  3. Reakt-Skripte neu installieren: npm I react-scripts

  4. Starten Sie Ihr Projekt: npm start

edebo
quelle
1

Laufen hat npm i [email protected]mein Problem gelöst.

albert sh
quelle
Ich habe alles vorher gemacht und dann das behoben.
NicoWheat vor
0

Wenn Sie einen ausgeworfenen haben create-react-app , würde ich vorschlagen:

  1. Erstellen Sie eine neue React-App über create-react-app.
  2. Werfen Sie es durch npm run ejectoder yarn eject.
  3. Installieren Sie alle Pakete, die in der fehlen package.json.
  4. Kopieren Sie Ihren src- Ordner, vorausgesetzt, Ihr gesamter Code befindet sich in diesem Ordner.
  5. Wiederholen Sie Ihre Änderungen an den Konfigurations und Skript - Ordner, falls erforderlich.

Hat für mich gearbeitet.

Geo Angelopoulos
quelle
0

Ich habe verschiedene oben beschriebene Ansätze ausprobiert, aber keiner von ihnen hat funktioniert, seit ich mein CSS ausgeworfen habe. Schließlich half das Anwenden der folgenden Schritte:

  1. Upgrade react-scriptsvon "react-scripts": "3.x.x"auf"react-scripts": "^3.4.0"
  2. Herabstufung des react-dev-utilsFormulars "react-dev-utils": "^10.x.x"auf"react-dev-utils": "10.0.0"
  3. node-modulesOrdner löschen und package-lock.json/yarn.lock
  4. Pakete neu installieren npm install/yarn install
Binod Kafle
quelle
0

Wenn Sie ausgeworfen haben und neugierig sind, verursacht diese Änderung im CRA-Repo den Fehler.

Um dies zu beheben, müssen Sie ihre Änderungen anwenden. nämlich der letzte Satz von Dateien:

  • 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

Persönlich denke ich, dass Sie die Änderungen manuell anwenden sollten, da Sie, sofern Sie nicht über alle Änderungen auf dem Laufenden gehalten haben, einen weiteren Fehler in Ihr Webpack-Bundle einfügen könnten (aufgrund einer Abhängigkeitsinkongruenz oder Ähnlichem).

ODER Sie könnten tun, was Geo Angelopoulos vorgeschlagen hat. Es kann eine Weile dauern, aber zumindest ist Ihr Projekt mit dem CRA-Repo synchronisiert (und Sie erhalten alle aktuellen Verbesserungen!).

jpz95
quelle