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

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.

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

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

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.

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.

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

Correr npm i react-dev-utils@10.0.0resolvió mi problema.

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.

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

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