Modelo não fornecido usando o create-react-app

298

Quando digito o create-react-app my-appcomando no meu terminal, ele parece funcionar - baixando todas as bibliotecas com êxito etc. No final desse processo, porém, recebo a mensagem de que a template was not provided.

Entrada

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

Resultado

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.

No package.json de my-app:

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

Eu verifiquei o changelog do CRA e parece que o suporte foi adicionado para modelos personalizados - no entanto, não parece que o comando create-react-app my-appteria mudado.

Alguma idéia do que está acontecendo aqui?

SamYoungNY
fonte
7
Há rumores de que o pacote global não está mais tão quente. tente 'npm init react-app my-app'
Tim Wilson
12
Atualize também a instalação
Tim Wilson
11
Obrigado - o que acabou funcionando (usando o Yarn) está atualizando o CRA com: yarn global upgrade create-react-app- então está fazendoyarn create react-app my-app
SamYoungNY 5/19/19
Eu tenho o mesmo problema em uma máquina Windows
Max Carroll
o que funcionou para mim quando todos os conselhos aqui falharam foi fazer locate create-react-appe excluir todos os diretórios que tinham create-react-appno nome. Só então npx create-react-appfinalmente funcionou normalmente novamente para mim.
Kai Carver

Respostas:

355

Se você já instalou create-react-appglobalmente via via global npm install -g create-react-app, recomendamos desinstalar o pacote usando npm uninstall -g create-react-apppara garantir que npxsempre use a versão mais recente.

Documentos

Use um dos comandos abaixo:

  • npx create-react-app my-app
  • npm init react-app my-app
  • yarn create react-app my-app
Latha Eshappa
fonte
21
Eu pensei que o npm uninstall -g create-react-app e o npx create-react-app my-app funcionariam. Mas, de alguma forma, o npx ainda cria um projeto sem o modelo. O create-react-app está em cache de alguma forma? Eu pensei que ter uma instalação cra global seria descontinuada. Eu tive que atualizar o create-react-app -g antes de usar o npx.
Robin Wieruch
126
se você ainda tiver o mesmo erro depois npm uninstall -g create-react-app, entre which create-react-appno seu console. Se retornar algo como /usr/local/bin/create-react-app, faça a rm -rf /usr/local/bin/create-react-apppara excluir manualmente.
v42
13
Esta não é uma boa abordagem IMHO. por que precisamos baixar e executar coisas a cada vez em vez de ter uma cópia local? Seu desperdício de largura de banda e uma maneira muito boa de executar código aleatório da Internet e um dia ser hackeado ... Basta reinstalá-lo como eu fiz na npm install create-react-app -gminha solução, significa que você eventualmente receberá esse erro novamente, mas as pessoas não devem estar executando código arbitrário de as teias e deve poder permanecer em uma versão específica, se assim o desejar ...
Rodrigo Graça
7
finalmente consegui-lo para trabalhar para typescript template 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 isso npm list -g --depth=0para verificar se create-react-app está listado nos pacotes de nós instalados. Se estiver, execute npm uninstall -g create-react-appa desinstalação.
Claude De-Tchambila
59

1)

npm uninstall -g create-react-app

ou

yarn global remove create-react-app

2)

Parece haver um erro no qual o create-react-app não é desinstalado corretamente e o uso de um dos novos comandos leva a:

Um modelo não foi fornecido. Provavelmente, você está usando uma versão desatualizada do create-react-app.

Após desinstalá-lo npm uninstall -g create-react-app, verifique se você ainda o "instalou" com which create-react-app(Windows where create-react-app:) na sua linha de comando. Se retornar algo (por exemplo, / usr / local / bin / create-react-app ), faça a rm -rf /usr/local/bin/create-react-apppara excluir manualmente.

3)

Então, uma destas maneiras:

npx create-react-app my-app
npm init react-app my-app
yarn create react-app my-app
Robin Wieruch
fonte
5
Eu tinha que remover a pasta de instalação, npm desinstalar criar-reagir app -g não funcionou
artfulbeest
2
$ echo '#! / bin / sh'> / usr / local / bin / create-react-app $ echo 'echo use o fio create-react-app'> / usr / local / bin / create-react-app $ chmod 0700 / usr / local / bin / create-react-app
Jason FB
11
No Windows, você pode usar o comando em wherevez dewhich
Vinicius
41

Embora já haja muitas respostas aqui. Encontrei 3 soluções que apliquei passo a passo quando enfrentei essa situação.


Primeiro passo: no manual oficial,

Se você já instalou o create-react-app globalmente via npm install -g create-react-app, recomendamos desinstalar o pacote usando npm uninstall -g create-react-apppara garantir que o npx sempre use a versão mais recente.

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

Você pode usar estes comandos abaixo:

  • npx create-react-app my-app
  • npm init react-app my-app
  • yarn create react-app my-app

Segundo passo (se o primeiro não funcionar):

Às vezes, ele pode manter os caches. Em seguida, você pode usar esses comandos abaixo.

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

Terceiro passo: (Se esses 2 não funcionarem), primeiro desinstale via npm uninstall -g create-react-appe verifique se você ainda o "instalou" com o which create-react-appcomando na linha de comando. Se você tiver algo como ( / usr / local / bin / create-react-app ), execute isso rm -rf /usr/local/bin/create-react-app(a pasta pode variar) para excluir manualmente. Em seguida, instale-o novamente via npx / npm / yarn.

NB : Consigo no último passo.

Moshiur Rahman
fonte
2
Isso funcionou para mim. Obrigado.
Promise Preston
Isso funcionou para mim no MacOS.
Hunter
Por qualquer motivo, npxe npm initnão funcionou, mas yarnfuncionou após a limpeza do cache. Eu também precisava rm -rfda create-react-apppasta. Tão grato por isso.
ZebGir 5/03
28

Primeiro desinstale o create-react-app globalmente por este comando:

npm uninstall -g create-react-app

depois no diretório do projeto:

npm install create-react-app@latest

finalmente:

npx create-react-app my-app
Tooba Anwar
fonte
este me ajuda TY
Smaïne 4/04
21

Para adicionar mais às respostas acima:

Com o novo lançamento de create-react-app, você pode criar um novo aplicativo usando modelos personalizados. Dois modelos disponíveis até o momento:

  • cra-template
  • cra-template-typescript

Uso :

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

Mais detalhes das últimas alterações em create-react-app:

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

Bakhtiiar Muzakparov
fonte
17

Eu também tive o mesmo problema. Quando eu tridei o npm init react-app my-appcomando retornou a mesma mensagem

Um modelo não foi fornecido. Provavelmente, você está usando uma versão desatualizada do create-react-app.

Mas

yarn create react-app my-app comando funciona bem.

Sampathkumar
fonte
17

Isso funcionou para mim.

  1. npm uninstall -g create-react-app
  2. npx create-react-app my-app
metalHeadDev
fonte
15
  1. npm install -g create-react-app no seu pc
  2. criar projeto de reação novamente com npx create-react-app my-app
akbaral aziz
fonte
8
É recomendável desinstalar o create-react-app globalmente.
Robin Wieruch 6/12/19
Erro voltará quando há uma nova atualização com este método
Hilary Mwape
Eu acho que foi isso que causou o erro em primeiro lugar na instalação global do create-react-app
Robert Stokes
12

Esses dois passos funcionaram para mim

1) React-app desinstalado globalmente com este comando

npm uninstall -g create-react-app

2) React-app instalado na pasta do projeto com este comando

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

" Se você já instalou o create-react-app globalmente via npm install -g create-react-app, recomendamos que você desinstale o pacote usando o npm uninstall -g create-react-app para garantir que o npx sempre use a versão mais recente "

Isso é relatado em https://create-react-app.dev/docs/getting-started/ . Para mim, isso não funcionou. Eu tive que reinstalar o create-react-app globalmente.

Minhas etapas para corrigir esse problema foram:

  1. npm uninstall -g create-react-app
  2. npm install -g create-react-app
  3. npx create-react-app my-app
Gully Habibi
fonte
11
Não é mais recomendado usar uma instalação global do create-react-app.
Robin Wieruch 6/12/19
4
Isso é verdade, no entanto, não consegui descobrir outra maneira de instalar o modelo sem fazer uma instalação global. De qualquer forma, não faz diferença para o meu aplicativo.
precisa saber é o seguinte
6
Sim, mesmo o que o doc diz fazer não estão funcionando
Corey Gibson
10

Limpe seu cache do npm primeiro e use o fio da seguinte maneira:

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

Eu espero que isso ajude.

EDITAR

... você pode tentar o seguinte depois de analisarmos mais esse problema:

  1. npm uninstall -g create-react-app
  2. yarn global remove create-react-app
  3. which create-react-app - Se retornar algo (por exemplo, / usr / local / bin / create-react-app), faça um rm -rf / usr / local / bin / create-react-app para excluir manualmente.
  4. npm cache clean --force
  5. npm cache verify
  6. npx create-react-app@latest

Essas etapas devem remover as instalações create-react-app instaladas globalmente e você remove manualmente os diretórios antigos vinculados aos scripts antigos create-react-app instalados globalmente. É uma boa ideia limpar o cache do npm para garantir que você não use nenhuma versão antiga em cache do create-react-app. Por fim criar um novo aplicativo reactjs com a @latestopção da seguinte forma: npx create-react-app@latest. Houve muita confusão sobre esse problema, em que nenhum modelo é criado ao usar o npx create-react-app, se você seguir as etapas que afirmei acima (1-6), espero que tenha sucesso.

ps

Se eu quisesse criar um aplicativo de reação em um diretório chamado client, digite o seguinte comando no terminal:

npx creacte-react-app@latest ./client

Boa sorte.

DevStormUK
fonte
9

Toda a opção não funcionou para mim no MacOS. O que funcionou foram as seguintes 3 etapas:

  1. Exclua o nó de: / usr / local / bin /

então

  1. instale o nó recentemente: https://nodejs.org/en/

então

  1. Instalar react: npx create-react-app my-app siga: https://create-react-app.dev/
nroy
fonte
Sim, está correto - verifique se ainda está instalado o $ react-create-app --version. Se ainda houver uma versão, talvez seja necessário removê-la manualmente. No meu caso, ele permaneceu ~ / .nvm / versions / node / <versão do nó> / lib / node_modules para que você precise rm -rf react-create-app nessa pasta
Nelles
9

Então, eu passei por todas as etapas aqui, mas não ajudou.

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

Estou em um Mac com Mojave 10.15.2

CRA não foi instalado globalmente - não encontrá-lo em /usr/local/lib/node_modulesou /usr/local/binqualquer um.

Então me deparei com este comentário sobre as questões do Github do CRA. Executar o comando com o --ignore-existingsinalizador ajudou.

Ben S
fonte
8

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

trabalhar para mim depois de tentar todas as respostas espero que possa ajudar alguém no futuro.

Buk Lau
fonte
7

Para Linux, isso funcionou para mim

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

TLDR: Desinstale o pacote global usando npm uninstall -g create-react-appe gere novos aplicativos de reação usando npx create-react-app app.


Questão

Você está usando uma versão mais antiga da create-react-appque você instalou globalmente usando o npm. O create-react-appcomando chama este pacote global.

Você poderia ter confirmado que estava usando uma versão desatualizada executando npm outdated -g create-react-appou comparando create-react-app --versioncom npm view create-react-app.

O fato de a versão do react-scriptsestar atualizada não tem nada a ver com a versão do pacote que está inicializando o aplicativo ( create-react-app), que captura as versões mais recentes dos pacotes que ele usa ( react-scriptsneste caso).

Solução

Se você quiser continuar usando o create-react-appcomando, precisará atualizar o pacote global usando npm update -g create-react-app. Observe que você deseja fazer isso periodicamente para mantê-lo atualizado. Você notará que create-react-appisso não é recomendado (observado nos logs da sua instalação).

Uma abordagem melhor seria excluir completamente a instalação global ( npm uninstall -g create-react-app) e, em vez disso, usá-la npxpara que ela sempre pegue a versão mais recente do pacote (mais detalhes npxabaixo).

Você deve confirmar que foi desinstalado globalmente, tentando usar create-react-apppara garantir que o comando "não foi encontrado".

Problemas com a desinstalação?

Você pode depurar onde foi instalado usando which create-react-app. Se estiver com problemas para desinstalá-lo, você pode ter várias versões do nó / npm na sua máquina (de várias instalações ou porque usa um gerenciador de versão do nó, como nvm). Esta é uma questão separada que não abordarei aqui, mas há algumas informações nesta resposta .

Uma abordagem nuclear rápida seria removê-lo à força ( rm -rf) no caminho que which create-react-appretorna.


Suplemento

Pacotes npm globais e o npxcomando

$ NPM_PACKAGE_NAME sempre usará a versão do pacote instalada globalmente, independentemente do diretório em que você estiver.

$ npx NPM_PACKAGE_NAME usará a primeira versão do pacote que encontrar ao pesquisar do diretório atual para a raiz:

  • Se você tiver o pacote em seu diretório atual, ele será usado.
  • Caso contrário, se você tiver o pacote em um diretório pai do seu diretório atual, ele usará o primeiro encontrado.
  • Caso contrário, se você tiver o pacote instalado globalmente, ele o usará.
  • Else , se você não tiver o pacote em tudo, ele irá instalar temporariamente-lo, usá-lo, e então descartá-lo. - esta é a melhor maneira de garantir que o pacote esteja atualizado .

Mais informações sobre npx podem ser encontradas nesta resposta .

Usando npxcomcreate-react-app

create-react-apppossui alguns comandos / aliases especiais para criar um aplicativo de reação (em vez de npx) que são específicos para esse pacote ( yarn create react-app, npm init react-app), mas npx create-react-appfuncionarão da mesma forma que em outros pacotes.

yarnvs npminstalações globais

O Yarn armazena instalações globais em uma pasta diferente npm, e é por isso yarn create react-appque funcionaria imediatamente sem desinstalar o pacote npm global (no que diz respeito ao yarn, o pacote não foi instalado).

Esta é apenas uma solução temporária, pois você precisará se lembrar de sempre usar fios em vez de npm ao usar o Create React App.

JBallin
fonte
5

Isso resolveu meu problema

Passos:

1. Desinstale o aplicativo create-react

npm uninstall -g create-react-app

2. agora basta usar

npx create-react-app my-app

isso criará automaticamente o modelo para u.

ari sudhan
fonte
5

Esse problema não é resolvido desta maneira, o problema está nas diferentes instâncias do nó, tente remover globalmente create-react-app e exclua o node_modules e o package-lock.json do usuário root

Luis Meneses
fonte
5

Isso funciona para mim!

1) npm uninstall -g create-react-app

2) npm install -g create-react-app

3) npx create-react-app app_name

Se você tiver instalado anteriormente create-react-appglobalmente via npm install -g create-react-app, é melhor desinstalá-lo usandonpm uninstall -g create-react-app

Lahiru Amarathunge
fonte
3

Primeiro desinstale o create-react-app

npm uninstall -g create-react-app

Então corra yarn create react-app my-appounpx create-react-app my-app

em execução yarn create react-app my-appou npx create-react-app my-appainda pode dar o erro,

Um modelo não foi fornecido. Provavelmente, você está usando uma versão desatualizada do create-react-app. Observe que as instalações globais do create-react-app não são mais suportadas.

Isso pode acontecer por causa dos prêmios. Então, próxima corrida

npm cache clean --force 

então corra

npm cache verify

Agora está tudo claro. Agora corra

yarn create react-app my-app ou npx create-react-app my-app

Agora você terá o que esperava!

Sasmitha Dasanayaka
fonte
3

Corrijo esse problema no Mac desinstalando create-react-appda lib global npm, foi basicamente o que foi dito, apenas tente fazer, você também precisa sudo:

sudo npm uninstall -g create-react-app

Em seguida, basta executar:

npx create-react-app my-app-name

Agora deve estar tudo bem e obter as estruturas de pastas como abaixo:

modelo não fornecido usando o aplicativo create react

Alireza
fonte
11
Eu estava tentando todos esses métodos escritos acima no Linux Mint 19 (sistema baseado no Ubuntu). Nada ajudou, mas foi o que fez. sudo npm uninstall -g create-react-app
Victor
3

Usar o comando npm uninstall -g create-react-appnão funcionou para mim.

Mas isso funcionou:

yarn global remove create-react-app

e depois:

npx create-react-app my-app

Karthic Rao
fonte
Isso funcionou para mim, eu tentei todos os métodos, incluindo exclusão manual de / usr / local / bin
manjs 06/02
3

Este trabalho é para mim:

Vamos desinstalar o create-react-app globalmente por este comando:

npm uninstall -g create-react-app

Depois disso, no diretório do projeto:

npm install create-react-app@latest

Finalmente:

npx create-react-app my-app

Para texto datilografado:

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

Um problema tão estranho, porque isso funcionou para mim ontem e me deparei com o mesmo erro esta manhã. Com base nas notas de versão, um novo recurso foi adicionado aos modelos de suporte, para que pareça que algumas partes foram alteradas na linha de comando (por exemplo, a --typescriptfoi preterida em favor do uso --template typescript)

Consegui fazer tudo funcionar, fazendo o seguinte:

  1. Desinstale o global create-react-app npm uninstall create-react-app -g.
  2. Verifique o cache npm npm cache verify.
  3. Feche o terminal. Eu uso o terminal mac, se estiver usando um IDE, talvez feche e reabra.
  4. Abra novamente o terminal, navegue até onde deseja seu projeto e execute create-react-app via npx usando as novas convenções de comando do modelo. Para fazê-lo funcionar, usei o meu aplicativo datilografado no site de documentação para garantir a consistência:npx create-react-app my-app --template typescript

Se funcionar, você deverá ver várias instalações: uma para scripts de reação e outra para o modelo. A mensagem de erro também não deve mais aparecer.

Ryan McCormick
fonte
2

npm uninstall -g create-react-app poderia ser uma resposta em alguns casos, mas não no meu.

Você deve excluir manualmente o aplicativo create-react-app localizado em ~/.node/bin/ou /usr/bin/(basta digitar which create-react-appe removê-lo dos locais que viu usando rm -rf); em seguida, basta executar npm i -g create-react-app.

Depois disso create-react-appestará funcionando corretamente.

Andrew
fonte
2

Primeiro, desinstale create-react-app globalmente por este comando:

npm uninstall -g create-react-app

Se você ainda tiver a instalação anterior, exclua completamente a pasta chamada meu aplicativo (verifique se nenhum programa está usando essa pasta, incluindo seu terminal ou cmd promt)

2. em seguida, no diretório do seu projeto:

npm install create-react-app@latest

3. finalmente:

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

Depois de usar este comando:

yarn global upgrade create-react-app

Eu então tentei:

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

Isso funcionou:

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

No Windows 10, eu tive que excluir manualmente algumas pastas no cache do fio, meu caminho era algo parecido C:\Users\username\AppData\Local\Yarn\Cache\v1e as dobras que eu tinha que remover eram algo comonpm-create-react-app-1.0.0-1234567890abcdef

dadiaar
fonte
0

Eu tive o mesmo problema e instalei o "create-react-app" globalmente na minha máquina. Há um erro:

"Um modelo não foi fornecido. Provavelmente porque você está usando uma versão desatualizada do create-react-app. Observe que as instalações globais do create-react-app não são mais suportadas."

Então eu removi a instalação anterior usando este comando.

npm uninstall -g create-react-app

Em seguida, instale o novo aplicativo de reação.

npx create-react-app new-app

akshay_sushir
fonte
0

Tente executar o seu terminal como administrador. Eu estava tendo o mesmo problema e nada ajudou além de abrir o terminal como administrador e, em seguida, executar o nApp x-create-react-app yourAppName

Martynas Gecas
fonte