Tengo problemas con npx create-react-app que involucra instalaciones globales. Mi confusión surge porque, que yo sepa, el paquete create-react-app no está instalado en mi máquina.
Algunos detalles:
Comienzo un proyecto de reacción (con una plantilla mecanografiada) como lo he hecho anteriormente y recientemente en esta misma máquina varias veces:
npx create-react-app --template typescript .
Recibo este mensaje de la terminal
Need to install the following packages: create-react-app Ok to proceed? (y)
Presiono y para confirmar que está bien continuar. (Si presiono n, el proceso termina con el siguiente error: npm ERR! canceled ). El terminal luego muestra el siguiente mensaje
You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0). We no longer support global installation of Create React App. Please remove any global installs with one of the following commands: - npm uninstall -g create-react-app - yarn global remove create-react-app The latest instructions for creating a new app can be found here: https://create-react-app.dev/docs/getting-started/Ejecuto ambos comandos sugeridos para desinstalar create-react-app globalmente. npm va sin problemas:
npm uninstall -g create-react-app up to date, audited 1 package in 179ms found 0 vulnerabilitiesla desinstalación global de yarn da como resultado el siguiente mensaje:
remove create-react-app yarn global v1.22.17 warning package.json: No license field [1/2] 🗑 Removing module create-react-app... error This module isn't specified in a package.json file. info Visit https://yarnpkg.com/en/docs/cli/global for documentation about this command. Finalmente, trato de encontrar si create-react-app existe en mi máquina con which create-react-app que resulta en create-react-app not found .
No estoy seguro de qué otra manera abordar este problema.
Editar: Solución proporcionada por Deepthi y Sators. Tuve que borrar el caché npx que había almacenado una versión anterior de create-react-app usando el comando:
npx clear-npx-cache
Ejecute npx clear-npx-cache
¿Por qué?
Ya intentaste crear un proyecto de reacción usando create-react-app antes.
Entonces, hay una versión anterior de create-react-app en el caché de npx. /user/.npm/_npx
npm uninstall -g create-react-app no funcionará en este caso.
Si ejecuta npx clear-npx-cache , eliminará todos los cachés en el directorio /user/.npm/_npx
Ahora puede crear una aplicación de reacción usando npx create-react-app my_app
Está ejecutando create-react-app 4.0.3, que está detrás de la última versión (5.0.0).
Ya no admitimos la instalación global de la aplicación Create React.
Elimine cualquier instalación global con uno de los siguientes comandos:
npm uninstall -g create-react-app yarn global remove create-react-appLas últimas instrucciones para crear una nueva aplicación se pueden encontrar aquí: https://create-react-app.dev/docs/getting-started/
Sí, aparece tal como está arriba.
Ejecute algunas de estas dos opciones:
npm uninstall -g create-react-appO
yarn global remove create-react-appFinalmente intente nuevamente con el comando npx create-react-app
En mi caso, uso el de npm unistall , finalmente ejecuto el comando npx create-react-app nuevamente allí si comencé a crear el proyecto React.
Ejecutar ---> npx clear-npx-cache
----> npx create-react-app your-appPuede intentar localizar la versión instalada ejecutando:
npm ls -g create-react-appTambién puede considerar leer esta publicación para eliminar/borrar el caché npx usando:
npx clear-npx-cacheFinalmente, otra opción es asegurarse de que está utilizando la última versión de create-react-app ejecutando:
npx create-react-app@latest --template typescript .El problema aquí es que la aplicación npx create-react-app está intentando instalar paquetes de una versión anterior (4.0.3) mientras que la última versión es (5.0.0).
Simplemente puede borrar el caché npx usando el siguiente comando:
npx clear-npx-cache
y luego intente crear una aplicación de reacción nuevamente usando
npx create-react-app Your_project_name
O
Puede usar npx con @latest para garantizar que está ejecutando create-react-app junto con la última versión:
npx create-react-app@latest Your_project_name
O
puede instalar los últimos módulos de la aplicación reaccionar localmente en el directorio de trabajo usando:
npm install create-react-app@latest
(Esto creará módulos de reacción además de package.json y package-lock.json en el directorio de trabajo del que se dependerá al instalar la aplicación de reacción, para que pueda eliminarlos después de terminar el siguiente paso)
y luego:
npx create-react-app Your_project_name
Aparentemente hay un problema con esa versión, solo tengo el mismo problema, pero con el comando
npx clear-npx-cacheFuncionó, luego acabo de ejecutar el
npx create-react-app proyect-name¡Y funciona!
Creo que esta es la misma respuesta que la anterior, pero bueno, ahí lo tienes.
Para algo como esto encontrado: "Está ejecutando create-react-app 4.0.3, que está detrás de la última versión (5.0.0)".
La solución fue:
:> npx borrar-npx-caché
Luego haz: :> npx create-react-app your-app
si ha intentado todo lo anterior y no tuvo éxito.
Correr:
npm audit fix --forceLuego:
npx create-react-app <appTuve este mismo problema y sucedía porque estaba usando nvm para administrar versiones de nodos y estaba ejecutando una versión de nodo anterior (12.14.1) para un proyecto de cliente. Usar el nodo v14.xx resolvió el problema por mí.