TypeError [ERR_INVALID_ARG_TYPE]: l'argomento "percorso" deve essere di tipo stringa. Tipo ricevuto non definito generato quando si avvia l'app di reazione


93

Sto lavorando a un progetto in React e ho riscontrato un problema che mi ha lasciato perplesso.

Ogni volta che corro yarn startottengo questo errore:

TypeError [ERR_INVALID_ARG_TYPE]: l'argomento "percorso" deve essere di tipo stringa. Tipo ricevuto non definito

Non ho idea del perché stia succedendo, se qualcuno lo avesse sperimentato te ne sarei grato.


Prova a eliminare e reinstallare nuovamente i moduli nodo.
Astrit Spanca,

Risposte:


178

Per risolvere questo problema è sufficiente eseguire l'aggiornamento a "react-scripts": "^3.4.0"

  1. Sovrascrivi l'esistente "react-scripts": "^3.x.x"con "react-scripts": "^3.4.0"in package.json
  2. Elimina i moduli del nodo
  3. Eseguire npm install o filato install

Spero che ti risolverà più velocemente


11
strappandomi i capelli per le ultime 24 ore cercando di risolvere lo stesso problema. questa soluzione funziona perfettamente per me. grazie mille.
Rapid537,

4
npm è un mucchio di letame fumante
Magicode,

8
Il mio problema è stato risolto durante l'aggiornamento da 3.3.0a 3.4.0. La cosa strana è che ha appena smesso di funzionare nel mezzo dello sviluppo, senza alcun motivo.
Algoritmo astratto

3
Sai perché questo sta accadendo?
Ilyas karim il

10
Questo 'appena iniziato' sta accadendo anche a me, ma è stato davvero dopo aver corso npm audit fix, nel caso fosse utile a chiunque.
Jeremy Jones,

19

Ho anche affrontato questo problema e l'ho capito aggiornando il react-scriptspacchetto da "react-scripts": "3.x.x"a"react-scripts": "^3.4.0"

  1. Elimina node_modules\cartella
  2. Elimina il package-lock.jsonfile
  3. Riscrivi il package.jsonfile da "react-scripts": "3.x.x"a"react-scripts": "^3.4.0"
  4. Installa nuovamente i pacchetti di nodi npm i
  5. Ora avvia il progetto npm start

E funziona !!


7

Siamo stati espulsi react-scriptse quindi non è stato possibile semplicemente aggiornare la voce package.json per risolvere il problema.

Invece, abbiamo fatto questo: 1.) in una nuova directory, creare un nuovo progetto -> $> npx create-react-app foo-project 2.) e quindi espellerlo -> cd ./foo-project && npm run eject 3.) ora copiare i file da / foo-project / config nella directory di configurazione del nostro main app e accendi il tuo server di sviluppo

spero che questo aiuti gli altri in un simile legame.


6

Ho appena avuto questo problema dopo l'installazione e la rimozione di alcuni pacchetti npm e ho impiegato quasi 5 ore per capire cosa stava succedendo.

Quello che ho fatto è stato fondamentalmente copiare il mio src / componenti in una directory diversa, quindi ho rimosso tutti i moduli del nodo e package-lock.json (se stai eseguendo la tua app nel contenitore Docker, rimuovi le immagini e ricostruiscila solo per sicurezza); quindi reimpostarlo al mio ultimo commit e quindi ripristinare il mio src / componenti, quindi eseguito npm i.

Spero possa essere d'aiuto.


2
  1. Vai a te package.json

  2. Cambia "reazioni-script": "3.xx" in "reazioni-script": "^ 3.4.0" nelle dipendenze

  3. Reinstallare reagenti-script: npm I react-scripts

  4. Inizia il tuo progetto: npm start


1

La corsa ha npm i react-dev-utils@10.0.0risolto il mio problema.


1
Ho fatto tutto il precedente, quindi risolto il problema.
NicoWheat

0

Se hai espulso create-react-app , suggerirei:

  1. Crea una nuova app React tramite create-react-app.
  2. Espellilo attraverso npm run ejecto yarn eject.
  3. Installa tutti i pacchetti mancanti dal file package.json.
  4. Copia la tua cartella src assumendo che tutto il tuo codice sia contenuto in questa cartella.
  5. Ripeti le modifiche sulle cartelle di configurazione e script , se necessario.

Ha funzionato per me.


0

Ho provato vari approcci descritti sopra, ma nessuno di loro ha funzionato da quando ho espulso il mio CSS. Infine, l'applicazione dei seguenti passaggi ha aiutato:

  1. Aggiorna react-scriptsda "react-scripts": "3.x.x"a"react-scripts": "^3.4.0"
  2. react-dev-utilsModulo di downgrade "react-dev-utils": "^10.x.x"a"react-dev-utils": "10.0.0"
  3. Elimina node-modulescartella e package-lock.json/yarn.lock
  4. Reinstalla i pacchetti npm install/yarn install

0

Se sei stato espulso e sei curioso, questo cambiamento sul repository CRA è ciò che sta causando l'errore.

Per risolverlo, è necessario applicare le loro modifiche; vale a dire, l'ultimo set di file:

  • pacchetti / reagire-scripts / config / paths.js
  • pacchetti / reagire-scripts / config / webpack.config.js
  • pacchetti / scripts reagiscono-/ config / webpackDevServer.config.js
  • pacchetti / reagire-scripts / package.json
  • pacchetti / reagire-scripts / scripts / build.js
  • pacchetti / reagire-scripts / scripts / start.js

Personalmente, penso che dovresti applicare manualmente le modifiche perché, a meno che tu non ti sia tenuto aggiornato con tutte le modifiche, potresti introdurre un altro bug nel tuo pacchetto webpack (a causa di una mancata corrispondenza della dipendenza o qualcosa del genere).

O , potresti fare ciò che Geo Angelopoulos ha suggerito. Potrebbe volerci un po ', ma almeno il tuo progetto sarebbe sincronizzato con il repository CRA (e otterresti tutti i loro ultimi miglioramenti!).

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.