TypeError [ERR_INVALID_ARG_TYPE]: el argumento "ruta" debe ser de tipo cadena. Tipo recibido indefinido elevado al iniciar la aplicación de reacción

93

Estoy trabajando en un proyecto en React y me encontré con un problema que me dejó perplejo.

Cada vez que corro yarn startme sale este error:

TypeError [ERR_INVALID_ARG_TYPE]: el argumento "ruta" debe ser de tipo cadena. Tipo recibido indefinido

No tengo idea de por qué está sucediendo esto, si alguien ha experimentado esto, estaría agradecido.

Fredrick Barrett
fuente
Intente eliminar y reinstalar módulos de nodo nuevamente.
Astrit Spanca

Respuestas:

178

Para solucionar este problema, simplemente actualice a "react-scripts": "^3.4.0"

  1. Sobrescriba el existente "react-scripts": "^3.x.x"con "react-scripts": "^3.4.0"en su package.json
  2. Eliminar sus módulos de nodo
  3. Ejecute npm install o yarn install

Espero que te arregle más rápido

EngrEric
fuente
11
tirando de mi cabello durante las últimas 24 horas tratando de resolver este mismo problema. Esta solución funciona perfectamente para mí. Muchas gracias.
Rapid537
44
npm es una pila de estiércol tan humeante
Magicode
8
Mi problema se resolvió al actualizar de 3.3.0a 3.4.0. Lo extraño es que simplemente dejó de funcionar en medio del desarrollo, sin ningún motivo.
Algoritmo abstracto
3
¿Sabes por qué está pasando esto?
Ilyas karim
10
Esto 'acaba de comenzar' me sucede a mí también, pero fue realmente después de correr npm audit fix, en caso de que sea útil para alguien.
Jeremy Jones
19

También me enfrenté a este problema y lo descubrí actualizando el react-scriptspaquete de "react-scripts": "3.x.x"a"react-scripts": "^3.4.0"

  1. Eliminar node_modules\carpeta
  2. Eliminar package-lock.jsonarchivo
  3. Reescribe el package.jsonarchivo de "react-scripts": "3.x.x"a"react-scripts": "^3.4.0"
  4. Instalar paquetes de nodos nuevamente npm i
  5. Ahora comienza el proyecto npm start

¡¡Y funciona!!

Fatema T. Zuhora
fuente
7

Expulsamos react-scriptsy no pudimos simplemente actualizar la entrada package.json para solucionar esto.

En su lugar, hicimos esto: 1.) en un nuevo directorio, creamos un nuevo proyecto -> $> npx create-react-app foo-project 2.) y luego lo expulsamos ->cd ./foo-project && npm run eject 3.) ahora copie los archivos de / foo-project / config en el directorio de configuración de nuestro principal aplicación y encienda su servidor de desarrollo

Espero que esto ayude a otros en una situación similar.

Al DeLuca
fuente
6

Acabo de tener este problema después de instalar y eliminar algunos paquetes npm y pasé casi 5 horas para descubrir qué estaba pasando.

Básicamente, lo que hice fue copiar mis componentes / src en un directorio diferente, luego eliminé todos los módulos de nodo y package-lock.json (si está ejecutando su aplicación en el contenedor Docker, elimine las imágenes y vuelva a generarla solo para estar seguro); luego reinícielo a mi último commit y luego vuelva a colocar mi src / components y luego se ejecutó npm i.

Espero que ayude.

Solijon Sharipov
fuente
2
  1. Ve a tu paquete.json

  2. Cambie "react-scripts": "3.xx" a "react-scripts": "^ 3.4.0" en las dependencias

  3. Vuelva a instalar los scripts de reacción: npm I react-scripts

  4. Comience su proyecto: npm start

edebo
fuente
2

Correr npm i [email protected]resolvió mi problema.

albert sh
fuente
1
Hice todo lo anterior, y luego esto lo solucionó.
NicoWheat hace
0

Si tiene una expulsión create-react-app , sugeriría:

  1. Crea una nueva aplicación React a través de create-react-app.
  2. Expulsarlo a través de npm run ejecto yarn eject.
  3. Instale todos los paquetes que faltan en el package.json.
  4. Copia tu carpeta src asumiendo que todo su código está ubicado en esta carpeta.
  5. Vuelva a hacer sus cambios en las carpetas de configuración y script , si es necesario.

Trabajó para mi.

Geo Angelopoulos
fuente
0

Intenté varios enfoques descritos anteriormente, pero ninguno funcionó desde que expulsé mi CSS. Finalmente, la aplicación de los siguientes pasos ayudó:

  1. Actualizar react-scriptsde "react-scripts": "3.x.x"a"react-scripts": "^3.4.0"
  2. Reducción de react-dev-utilsforma "react-dev-utils": "^10.x.x"a"react-dev-utils": "10.0.0"
  3. Eliminar node-modulescarpeta y package-lock.json/yarn.lock
  4. Reinstalar paquetes npm install/yarn install
Binod Kafle
fuente
0

Si expulsó y tiene curiosidad, este cambio en el repositorio de CRA es lo que está causando el error.

Para solucionarlo, debe aplicar sus cambios; a saber, el último conjunto de archivos:

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

Personalmente, creo que debería aplicar manualmente los cambios porque, a menos que se haya mantenido actualizado con todos los cambios, podría introducir otro error en su paquete de paquete web (debido a una falta de coincidencia de dependencia o algo así).

O bien , podría hacer lo que sugirió Geo Angelopoulos. Puede llevar un tiempo, pero al menos su proyecto estaría sincronizado con el repositorio de CRA (¡y obtendría todas sus últimas mejoras!).

jpz95
fuente