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

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.

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

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!!

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.

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.

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

Laufen hat npm i react-dev-utils@10.0.0mein Problem gelöst.

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.

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

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!).