Plantilla no proporcionada usando create-react-app

298

Cuando escribo el create-react-app my-appcomando en mi terminal, parece funcionar: descargando todas las bibliotecas con éxito, etc. Al final de ese proceso, recibo el mensaje de que a template was not provided.

Entrada

user@users-MacBook-Pro-2 Desktop% create-react-app my-app

Salida

Creating a new React app in /Users/user/Desktop/my-app.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts...
..... nothing out of the ordinary here .....
  Done in 27.28s.

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.

En package.json de my-app:

"dependencies": {
  "react": "^16.12.0",
  "react-dom": "^16.12.0",
  "react-scripts": "3.3.0" <-- up-to-date
}

Revisé el registro de cambios de CRA y parece que se agregó soporte para plantillas personalizadas, sin embargo, no parece que el comando create-react-app my-apphubiera cambiado.

¿Alguna idea de lo que está pasando aquí?

SamYoungNY
fuente
77
se rumorea que el paquete global ya no es tan atractivo. pruebe 'npm init react-app my-app'
Tim Wilson
12
También actualice su instalación
Tim Wilson, el
11
Gracias - lo que terminó funcionando (usando Yarn) es actualizar CRA con: yarn global upgrade create-react-app- luego haciendoyarn create react-app my-app
SamYoungNY
Tengo el mismo problema en una máquina con Windows
Max Carroll
lo que funcionó para mí cuando todos los consejos aquí fallaron fue hacer locate create-react-appy eliminar todos los directorios que tenían create-react-appen el nombre. Solo entonces npx create-react-appfinalmente volvió a funcionar normalmente para mí.
Kai Carver

Respuestas:

355

Si anteriormente ha instalado create-react-appglobalmente a través de npm install -g create-react-app, le recomendamos que desinstale el paquete usando npm uninstall -g create-react-apppara asegurarse de que npxsiempre use la última versión.

Docs

Utilice cualquiera de los siguientes comandos:

  • npx create-react-app my-app
  • npm init react-app my-app
  • yarn create react-app my-app
Latha Eshappa
fuente
21
Pensé que npm uninstall -g create-react-app y npx create-react-app my-app funcionarían. Pero de alguna manera npx todavía crea un proyecto sin la plantilla. ¿Create-react-app está en caché de alguna manera? Pensé que tener una instalación global de cra sería obsoleto. Tuve que actualizar create-react-app -g antes de usar npx.
Robin Wieruch
126
si aún tiene el mismo error después npm uninstall -g create-react-app, ingrese which create-react-appen su consola. Si devuelve algo como /usr/local/bin/create-react-app, entonces haga una rm -rf /usr/local/bin/create-react-apppara eliminar manualmente.
v42
13
Este no es un buen enfoque en mi humilde opinión. ¿Por qué tenemos que descargar y ejecutar cosas cada vez en lugar de tener una copia local? Es una pérdida de ancho de banda y una muy buena forma de ejecutar código aleatorio de Internet y un día ser hackeado ... Simplemente reinstalarlo como lo hice con npm install create-react-app -gmi solución significa que eventualmente obtendrá este error nuevamente, pero la gente no debería ejecutar código arbitrario desde las webs y deberían poder permanecer en una versión específica si así lo eligen ...
Rodrigo Graça
77
finalmente consiguió que funcione para la plantilla de mecanografía npm uninstall -g create-react-app sudo rm -rf /usr/local/bin/create-react-app npx create-react-app newapp --template typescript
CyberProdigy
2
use esto npm list -g --depth=0para ver si create-react-app aparece en sus paquetes de nodos instalados. Si es así, ejecute npm uninstall -g create-react-apppara desinstalar.
Claude De-Tchambila
59

1)

npm uninstall -g create-react-app

o

yarn global remove create-react-app

2)

Parece que hay un error en el que create-react-app no ​​se desinstala correctamente y el uso de uno de los nuevos comandos conduce a:

No se proporcionó una plantilla. Esto es probable porque está utilizando una versión desactualizada de create-react-app.

Después de desinstalarlo con npm uninstall -g create-react-app, verifique si todavía lo tiene "instalado" con which create-react-app(Windows:) where create-react-appen su línea de comando. Si devuelve algo (por ejemplo, / usr / local / bin / create-react-app ), haga una rm -rf /usr/local/bin/create-react-appeliminación manual.

3)

Entonces, una de estas formas:

npx create-react-app my-app
npm init react-app my-app
yarn create react-app my-app
Robin Wieruch
fuente
55
Tuve que eliminar la carpeta de instalación, npm uninstall create-react-app -g no funcionó
artfulbeest
2
$ echo '#! / bin / sh'> / usr / local / bin / create-react-app $ echo 'echo use yarn create-react-app en su lugar'> / usr / local / bin / create-react-app $ chmod 0700 / usr / local / bin / create-react-app
Jason FB
1
En Windows, puede usar el comando en wherelugar dewhich
Vinicius
41

Aunque ya hay mucha respuesta aquí. Se me ocurrieron 3 soluciones que apliqué paso a paso cuando me enfrenté a esta situación.


Primer paso: del manual oficial,

Si previamente 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-apppara 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 my-app
  • yarn create 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.

  • npm uninstall -g create-react-app
  • npm cache clean --force
  • npm cache verify
  • yarn create 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 which create-react-appcomando en su línea de comando. Si tiene algo como ( / usr / local / bin / create-react-app ), ejecute esto 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
2
Esto funcionó para mí. Gracias.
Promesa Preston
Esto funcionó para mí en MacOS.
Hunter
Por alguna razón, npxy npm initno funcionó, pero lo yarnhizo después de borrar el caché. También necesitaba rm -rfla create-react-appcarpeta. Muy agradecido por SO.
ZebGir
28

Primero desinstale create-react-app globalmente con este comando:

npm uninstall -g create-react-app

luego en el directorio de tu proyecto:

npm install create-react-app@latest

finalmente:

npx create-react-app my-app
Tooba Anwar
fuente
este me ayuda TY
Smaïne
21

Para agregar más a las respuestas anteriores:

Con la nueva versión de create-react-app, puede crear una nueva aplicación utilizando plantillas personalizadas. Dos plantillas disponibles hasta ahora:

  • cra-template
  • cra-template-typecript

Uso :

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

Más detalles de los últimos cambios en create-react-app:

https://github.com/facebook/create-react-app/releases/tag/v3.3.0

Bakhtiiar Muzakparov
fuente
17

Yo también tuve el mismo problema. Cuando trid el npm init react-app my-appcomando devolvió el mismo mensaje

No se proporcionó una plantilla. Esto es probable porque está utilizando una versión desactualizada de create-react-app.

Pero

yarn create react-app my-app El comando funciona bien.

Sampathkumar
fuente
17

Esto funcionó para mí.

  1. npm uninstall -g create-react-app
  2. npx create-react-app my-app
metalHeadDev
fuente
15
  1. npm install -g create-react-app en tu pc
  2. crear reaccionar proyecto nuevamente con npx create-react-app my-app
akbaral aziz
fuente
8
Sin embargo, se recomienda desinstalar create-react-app a nivel mundial.
Robin Wieruch
El error volverá cuando haya una nueva actualización con este método
Hilary Mwape
Creo que esto es lo que causó el error en primer lugar a nivel mundial al instalar create-react-app
Robert Stokes el
12

Estos dos pasos me funcionaron

1) Reacciona la aplicación globalmente desinstalada con este comando

npm uninstall -g create-react-app

2) Instalar react-app en la carpeta del proyecto con este comando

npx create-react-app project-name
Hammad
fuente
10

" Si previamente 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 "

Esto se informa en https://create-react-app.dev/docs/getting-started/ . Para mí, esto no funcionó. Tuve que reinstalar create-react-app globalmente en su lugar.

Mis pasos para solucionar este problema fueron:

  1. Desinstalación de npm -g create-react-app
  2. npm install -g create-react-app
  3. npx create-react-app my-app
Gully Habibi
fuente
1
Ya no se recomienda usar una instalación global de create-react-app.
Robin Wieruch
44
Esto es cierto, sin embargo, no pude encontrar otra forma de instalar la plantilla sin hacer una instalación global. De todos modos, no hace una diferencia en mi aplicación.
Gully Habibi
66
Sí, lo mismo que dice el doctor que hacer no funciona
Corey Gibson
10

Borre su caché npm primero y luego use hilo de la siguiente manera:

  • npm cache clean --force
  • npm cache verify
  • yarn create react-app my-app

Espero que esto ayude.

EDITAR

... es posible que desee probar lo siguiente después de haber investigado más este problema:

  1. npm uninstall -g create-react-app
  2. yarn global remove create-react-app
  3. which create-react-app - Si devuelve algo (por ejemplo, / usr / local / bin / create-react-app), haga una aplicación rm -rf / usr / local / bin / create-react-app para eliminarlo manualmente.
  4. npm cache clean --force
  5. npm cache verify
  6. npx create-react-app@latest

Estos pasos deberían eliminar las instalaciones de crear-reaccionar-aplicación instaladas globalmente, luego eliminar manualmente los directorios antiguos vinculados a los scripts de crear-reaccionar-aplicación instalados globalmente. Entonces es una buena idea borrar su caché npm para asegurarse de que no esté usando ninguna versión antigua en caché de create-react-app. Por último crear una nueva aplicación reactjs con la @latestopción de este modo: npx create-react-app@latest. Ha habido mucha confusión sobre este tema en el que no se crea una plantilla cuando se usa npx create-react-app, si sigues los pasos que he indicado anteriormente (1-6), espero que tengas éxito.

PD

Si quisiera crear una aplicación de reacción en un directorio llamado cliente, escribiría el siguiente comando en el terminal:

npx creacte-react-app@latest ./client

Buena suerte.

DevStormUK
fuente
9

Toda la opción no funcionó para mí en MacOS. Lo que funcionó fueron los siguientes 3 pasos:

  1. Eliminar el nodo de: / usr / local / bin /

entonces

  1. instalar el nodo nuevamente: https://nodejs.org/en/

entonces

  1. Instalar react: npx create-react-app, mi-app sigue: https://create-react-app.dev/
nroy
fuente
Sí, eso es correcto, luego verifique si todavía está instalado $ react-create-app --version. SI todavía hay una versión, es posible que deba eliminarla manualmente. En mi caso, permaneció ~ / .nvm / version / node / <node version> / lib / node_modules, por lo que debe rm -rf react-create-app en esa carpeta
Nelles
9

Así que he seguido todos los pasos aquí, pero no me ayudó.

TLDR; corrernpx --ignore-existing create-react-app

Estoy en una Mac con Mojave 10.15.2

CRA no se instaló globalmente, no lo encontró /usr/local/lib/node_modulesni /usr/local/bintampoco.

Luego me encontré con este comentario sobre los problemas de github de CRA. Ejecutar el comando con la --ignore-existingbandera ayudó.

Ben S
fuente
8

npx create-react-app@latest your-project-name

trabaja para mí después de probar todas las respuestas espero que pueda ayudar a alguien en el futuro.

Buk Lau
fuente
7

Para Linux esto funcionó para mí

sudo npm uninstall -g create-react-app
npx create-react-app my-test-app
coding_Lover
fuente
7

TLDR: desinstale el paquete global usando npm uninstall -g create-react-appy genere nuevas aplicaciones de reacción usando npx create-react-app app.


Problema

Estás utilizando una versión anterior de la create-react-appque has instalado globalmente usando npm. El create-react-appcomando invoca este paquete global.

Que podría haber confirmado que estaba utilizando una versión obsoleta mediante la ejecución npm outdated -g create-react-appo la comparación create-react-app --versioncon npm view create-react-app.

El hecho de que la versión react-scriptsesté actualizada no tiene nada que ver con la versión del paquete que está iniciando la aplicación ( create-react-app), que toma las últimas versiones de los paquetes que usa ( react-scriptsen este caso).

Solución

Si desea continuar usando el create-react-appcomando, deberá actualizar el paquete global usando npm update -g create-react-app. Tenga en cuenta que querrá hacer esto periódicamente para mantenerlo actualizado. Notarás que create-react-appno recomienda esto (anotado en los registros de tu instalación).

Un mejor enfoque sería eliminar la instalación global por completo ( npm uninstall -g create-react-app) y, en su lugar, utilizarla npxpara que siempre obtenga la última versión del paquete (más detalles a npxcontinuación).

Debe confirmar que se desinstaló globalmente intentando usarlo create-react-apppara asegurarse de que el comando "no se encuentre".

Problemas con la desinstalación?

Puede depurar dónde se instaló usando which create-react-app. Si tiene problemas para desinstalarlo, es posible que tenga varias versiones de nodo / npm en su máquina (desde múltiples instalaciones, o porque usa un administrador de versiones de nodo como nvm). Este es un problema separado que no abordaré aquí, pero hay algo de información en esta respuesta .

Un enfoque nuclear rápido sería eliminarlo con fuerza ( rm -rf) en el camino que which create-react-appregresa.


Suplemento

Paquetes npm globales y el npxcomando

$ NPM_PACKAGE_NAME siempre usará la versión instalada globalmente del paquete, independientemente del directorio en el que se encuentre.

$ npx NPM_PACKAGE_NAME usará la primera versión del paquete que encuentre cuando busque desde el directorio actual a la raíz:

  • Si tiene el paquete en su directorio actual, lo usará.
  • De lo contrario, si tiene el paquete en un directorio que es padre de su directorio actual, utilizará el primero que encuentre.
  • De lo contrario, si tiene el paquete instalado globalmente, lo usará.
  • De lo contrario, si no tiene el paquete, lo instalará temporalmente, lo usará y luego lo descartará. - esta es la mejor manera de garantizar que el paquete esté actualizado .

Puede encontrar más información sobre npx en esta respuesta .

Usando npxconcreate-react-app

create-react-apptiene algunos comandos / alias especiales para crear una aplicación de reacción (en lugar de npx) que son específicos de ese paquete ( yarn create react-app, npm init react-app), pero npx create-react-appfuncionarán igual que con otros paquetes.

yarnvs npminstalaciones globales

Yarn almacena las instalaciones globales en una carpeta diferente npm, por lo yarn create react-appque funcionaría de inmediato sin desinstalar el paquete global npm (en lo que respecta al hilo, el paquete no se ha instalado).

Sin embargo, esta es solo una solución temporal, ya que deberá recordar usar siempre hilo en lugar de npm cuando use la aplicación Create React.

JBallin
fuente
5

Esto resolvió mi problema

Pasos:

1.Desinstale la aplicación create-react

npm uninstall -g create-react-app

2.Ahora solo usa

npx create-react-app my-app

esto creará automáticamente la plantilla para ti.

ari sudhan
fuente
5

Este problema no se resuelve de esta manera, el problema está en las diferentes instancias del nodo, intente eliminar globalmente create-react-app y luego elimine node_modules y package-lock.json de su usuario root

Luis Meneses
fuente
5

Esto funciona para mi!

1) npm uninstall -g create-react-app

2) npm install -g create-react-app

3) npx create-react-app app_name

Si ha instalado previamente a create-react-appnivel mundial a través de npm install -g create-react-app, es mejor desinstalarlo usandonpm uninstall -g create-react-app

Lahiru Amarathunge
fuente
3

Primero desinstale create-react-app

npm uninstall -g create-react-app

Luego corre yarn create react-app my-apponpx create-react-app my-app

luego se ejecuta yarn create react-app my-appo npx create-react-app my-appaún puede dar el error,

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.

Esto puede suceder debido a los cobros. Así que la próxima carrera

npm cache clean --force 

entonces corre

npm cache verify

Ahora está todo claro. Ahora corre

yarn create react-app my-app o npx create-react-app my-app

¡Ahora obtendrá lo que esperaba!

Sasmitha Dasanayaka
fuente
3

Arreglo este problema en Mac desinstalando create-react-appde npm lib global, eso es básicamente lo que dijo, solo intenta hacerlo, también debes hacer sudo:

sudo npm uninstall -g create-react-app

Luego simplemente ejecuta:

npx create-react-app my-app-name

Ahora debería estar todo bien y obtener las estructuras de carpetas de la siguiente manera:

plantilla no proporcionada usando la aplicación crear reacción

Alireza
fuente
1
Estaba probando todos estos métodos escritos anteriormente en Linux Mint 19 (sistema basado en Ubuntu). Nada ayudó, pero esto lo hizo. sudo npm uninstall -g create-react-app
Victor
3

Usar el comando npm uninstall -g create-react-appno funcionó para mí.

Pero esto funcionó:

yarn global remove create-react-app

y entonces:

npx create-react-app my-app

Karthic Rao
fuente
Esto funcionó para mí, probé todos los métodos, incluida la eliminación manual de / usr / local / bin
manjs
3

Este trabajo es para mí:

Vamos a desinstalar create-react-app globalmente con este comando:

npm uninstall -g create-react-app

Después de eso en el directorio de su proyecto:

npm install create-react-app@latest

En el último:

npx create-react-app my-app

Para mecanografiado:

npx create-react-app my-app --template typescript
shivlal kumavat
fuente
2

Un problema tan extraño porque esto funcionó para mí ayer y me encontré con el mismo error esta mañana. Según las notas de la versión, se agregó una nueva característica para admitir plantillas, por lo que parece que algunas partes han cambiado en la línea de comando (por ejemplo, --typescriptse desaprobó a favor del uso --template typescript)

Logré que todo funcionara haciendo lo siguiente:

  1. Desinstale la aplicación global create-react-app npm uninstall create-react-app -g.
  2. Verifique el caché npm npm cache verify.
  3. Cerrar terminal Uso el terminal mac, si uso un IDE tal vez cierre y vuelva a abrir.
  4. Vuelva a abrir la terminal, navegue hasta donde desee su proyecto y ejecute create-react-app a través de npx usando las nuevas convenciones de comandos de plantilla. Para que funcione, utilicé la aplicación mecanografiada my-app del sitio de documentación para garantizar la coherencia:npx create-react-app my-app --template typescript

Si funciona, debería ver varias instalaciones: una para react-scripts y otra para la plantilla. El mensaje de error tampoco debería aparecer más.

Ryan McCormick
fuente
2

npm uninstall -g create-react-app podría ser una respuesta en algunos casos, pero no en la mía.

Debe eliminar manualmente su aplicación create-react-ubicada en ~/.node/bin/o /usr/bin/(simplemente escríbala which create-react-appy elimínela de las ubicaciones que vio usando rm -rf), luego solo ejecute npm i -g create-react-app.

Después de eso create-react-appfuncionará correctamente.

Andrés
fuente
2

Esto funcionó para mí 1. Primero desinstale create-react-app globalmente con este comando:

npm uninstall -g create-react-app

Si todavía tiene la instalación anterior, elimine por completo la carpeta llamada mi aplicación (asegúrese de que ningún programa esté usando esa carpeta, incluido su terminal o indicador de cmd)

2.entonces en el directorio de tu proyecto:

npm install create-react-app@latest

3.finalmente:

npx create-react-app my-app
Amila Weerasinghe
fuente
1

Después de usar este comando:

yarn global upgrade create-react-app

Entonces intenté:

yarn create-react-app my-app but it didn't work for me.

Sin embargo, esto funcionó:

npx create-react-app my-app 
Helen_CEE
fuente
0

Para Windows 10, tuve que eliminar manualmente algunas carpetas en la memoria caché de C:\Users\username\AppData\Local\Yarn\Cache\v1Yarn , mi ruta era algo así y las hojas que tenía que eliminar eran algo así comonpm-create-react-app-1.0.0-1234567890abcdef

dadiaar
fuente
0

Tuve el mismo problema y he instalado "create-react-app" a nivel mundial en mi máquina. Hay un error:

"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".

Luego eliminé la instalación anterior mediante este comando.

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

Luego instale la nueva aplicación de reacción.

npx create-react-app nueva-aplicación

akshay_sushir
fuente
0

Intenta ejecutar tu terminal como administrador. Estaba teniendo el mismo problema y nada me ayudó, aparte de abrir el terminal como administrador y luego hacer la aplicación npx create-react-app yourAppName

Martynas Gecas
fuente