Create-React-App no ​​crea una plantilla de inicio

12

Estoy tratando de crear un nuevo proyecto con la plantilla de mecanografía según estas instrucciones .

npx create-react-app app-ui --template typescript

Aunque instala todos los módulos de nodo, no crea el proyecto de inicio ni utiliza la plantilla proporcionada. Recibo este mensaje:

A template was not provided. This is likely because you're using an outdated version of create-react-app.
Please note that global installs of create-react-app are no longer supported.

Intento seguir las instrucciones y eliminar la instalación global del cli, pero eso tampoco funciona:

 npm uninstall -g create-react-app
 up to date in 0.037s

No importa lo que haga, no puedo desinstalar el cli. Que esta pasando?

Editar:

Pude hacerlo funcionar parcialmente en la PC.

npm remove create-react-app

entonces

npx create-react-app my-app [--template typescript]

Lo intenté con corchetes y, aunque el proyecto de plantilla está allí, no está en mecanografiado. Hay algo muy mal con el cli en este momento.

Editar:

Esta publicación resolvió el problema de no poder desinstalar el cli. Espero que esto ayude a alguien y por favor vota el OP.

Mickers
fuente
3
Este mismo problema me está sucediendo en este momento. Corrí npm uninstall -g create-react-app, y luego corrí npx create-react-app app-uicon y sin la bandera de plantilla, pero recibo la misma advertencia. El resultado resultante es solo el directorio node_modules, un package.json y un package-lock.json. No estoy seguro de lo que estoy haciendo mal.
arbitrayUserName

Respuestas:

7

para la operación: sus soportes están fuera de lugar. Para su caso, la documentación docs dice usar:

npx create-react-app my-app --template [nombre-plantilla]
-o-
npx create-react-app my-app --template mecanografiado


Para todos los demás:

1. desinstalar ( estoy en linux / ubuntu )

sudo npm uninstall -g create-react-app

2. Luego corre

npx create-react-app my-app

Nota: Asegúrese de eliminar todas las carpetas / archivos en la desinstalación . Si tiene problemas para acceder a las carpetas de reacción en su configuración de Linux como yo (debido a los permisos), obtenga acceso y elimínelo:

sudo chown -R $USER /usr/bin/create-react-app

(... y luego ejecuta el comando npx).

C-Note187
fuente
1
Al eliminar los corchetes, la plantilla mecanografiada funcionó. No estoy seguro de por qué los tenía allí. Supongo que estaba intentando todo lo posible para que las cosas funcionen. ¡Gracias!
Mickers
Me alegra saber que eso lo hizo funcionar.
C-Note187
8

Resolví este problema por sudo npm uninstall -g create-react-app

pero esto no eliminó create-react-app, por lo que tuve que verificar en qué directorio se encuentra. En la terminal, si escribe:

which create-react-app

le dará un directorio como / usr / local / bin / create-react-app Ahora haga:

rm -rf /usr/local/bin/create-react-app

Esto eliminará create-react-app manualmente. Ahora puede comenzar a crear una aplicación de reacción usando npx create-react-app my-app

Mr_b194
fuente
2
Estoy usando Ubuntu 19.10 y esto funcionó de maravilla!
egdavid el
1
Estoy usando OSX (MacBook) y esto también funcionó.
Bumhwan Kim
1

Estaba teniendo el mismo problema. Esto funciona para mí (Linux)

Paso 01

sudo npm remove create-react-app

Paso 02

sudo npm uninstall -g create-react-app

Paso 03

npx create-react-app my-app --template typescript

Espero que esto ayude.

Lakshan Hettiarachchi
fuente
Esto funciona muchas gracias
user3811671
0

Crear plantilla de inicio de React

1.npx create-react-app your_app_name

2.cd your_app_name

Inicio 3.npm

Vaibhav Tamuche
fuente
0

Incluso si ejecutó npm uninstall -g create-react-app create-react-apptodavía puede estar instalado. Puedes comprobarlo corriendo which create-react-app. Si se devuelve una ruta, create-react-apptodavía está instalada. Puede eliminar el módulo con rm -r ${returned path}. Después de eso, la ejecución npx create-react-app app-ui --template typescriptdebería funcionar sin errores ni advertencias.

arbitrayUserName
fuente
0

Se me ocurrieron 3 soluciones que apliqué paso a paso cuando me enfrenté a esta situación.

Primer paso: del manual oficial,

Si anteriormente instaló create-react-app globalmente a través de npm install -g create-react-app, le recomendamos que desinstale el paquete usando npm uninstall -g create-react-app para asegurarse de que npx siempre use la última versión.

https://create-react-app.dev/docs/getting-started

Puede usar estos comandos a continuación:

  • npx create-react-app my-app
  • npm init react-app mi-aplicación
  • hilo crear react-app my-app

Segundo paso (si el primero no funciona):

A veces puede mantener cachés. Entonces puede usar estos comandos que se proporcionan a continuación.

  • Desinstalación de npm -g create-react-app
  • npm cache clean --force
  • npm cache verificar
  • hilo crear react-app my-app

Tercer paso: (si estos 2 no funcionan) primero desinstale a través de npm uninstall -g create-react-app , luego verifique si todavía lo tiene "instalado" con el comando create-react-app en su línea de comando. Si tiene algo como ( / usr / local / bin / create-react-app ), ejecute este rm -rf / usr / local / bin / create-react-app (la carpeta puede variar) para eliminar manualmente. Luego, vuelva a instalarlo a través de npx / npm / yarn. NB : tengo éxito en el último paso.

Moshiur Rahman
fuente
0

Cuando ejecuté

crear-reaccionar-aplicación hola

solo se genera debajo de la estructura de carpetas, con notificación

"No se proporcionó una plantilla. Esto probablemente se deba a que está utilizando una versión desactualizada de create-react-app. Tenga en cuenta que las instalaciones globales de create-react-app ya no son compatibles".

node_modules
package.json
yarn.lock

Seguido a continuación los pasos para resolver

// Desinstalar el paquete create-react-app

Desinstalación de npm -g create-react-app

Después de eso, estoy listo para crear una nueva aplicación de reacción a través de "npx"

Para el sabor ES6 (predeterminado tomará el idioma ES6)

npx create-react-app hello-world

Para sabor mecanografiado

npx create-react-app hello-world - mecanografiar plantilla

Los siguientes son la estructura de carpetas después de ejecutar por encima de cmd

README.md
node_modules
package.json
public
src
yarn.lock

inicio de hilo // Funciona bien

node: v10.16.0
npm: 6.10.2
asishkhuntia
fuente
0

Mi solución terminó siendo un poco diferente a la suya, así que la agregaré aquí en caso de que alguien tenga un problema similar. Aparentemente instalé create-react-app globalmente con hilo que pude ver cuando corrí, lo which create-react-appque resultó en un camino como .../.config/yarn/global/node_modules/.bin/create-react-app. Ejecutar yarn global remove create-react-appeliminó este paquete y luego pude ejecutar con npx create-react-app app --template typescriptéxito.

thefinnomenon
fuente
0
  1. Instalar create-react-app

Al principio, tenemos que instalar la herramienta create-react-app. Es una herramienta proporcionada por los creadores de React.js, que permite instalar la aplicación React.js lista para usar, con todas las dependencias necesarias. Para instalar la herramienta, tenemos que usar el siguiente comando en la línea de comando:

npm install -g create-react-app
  1. Crea la aplicación

Ahora, es muy fácil crear nuestra primera aplicación usando la herramienta create-react-app. Podemos hacerlo con un solo comando en nuestra línea de comando. Primero, navegue a la carpeta donde desea tener su aplicación a través de la línea de comando, y luego ejecute el siguiente comando, donde reactapp es el nombre de nuestra aplicación:

npx create-react-app reactapp

Puede sentirse libre de establecer un nombre diferente para su aplicación. Si el proceso terminó con éxito, ¡debería tener su carpeta con la aplicación lista! ¡Comencemos la aplicación ahora!

  1. Inicia la aplicación

Comencemos nuestra reactapp con los siguientes comandos:

cd reactapp
npm start

El primer comando se usa para ingresar a la carpeta de nuestra aplicación, y el segundo inicia nuestra aplicación. Por defecto, la aplicación está abierta en localhost: 3000, pero podemos cambiar el puerto en la configuración.

Enlace: https://dev.to/duomly/how-to-create-the-react-app-in-5-minutes-1bmb

Espero que esto ayude!

Aremu Ibrahim
fuente
0

Para usuarios de Windows, siga dos pasos

npm uninstall -g create-react-app

Entonces

npx create-react-app jamming

sigue actualizando tu nodo y npm, la última versión estable

Mamunur Rashid
fuente
0
  1. Desinstale create-react-app usando el comando: sudo npm uninstall -g create-react-app

Dado que npm no admite el uso global de módulos npm.

  1. instale la placa de caldera create-react-app como de costumbre usando el comando: npx create-react-app my-app

¡¡funciona!!

Yousuf Shareef
fuente
-1

Estaba teniendo el mismo problema. Intenté esto. npm install -g create-react-app
Luego, hice lo create-react-app app-nameque me funcionó.

Misterjoe
fuente
Sí, pero ¿eso resuelve el error de plantilla? Ahora estoy en una máquina con Windows (estaba en una Mac anteriormente) y está haciendo lo mismo ... El proyecto vacío y el mecanografiado no estaban incluidos.
Mickers