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?

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

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

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.

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

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

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.

Isso funcionou para mim.

1. npm uninstall -g create-react-app
2. npx create-react-app my-app

1. npm install -g create-react-app no seu pc
2. criar projeto de reação novamente com npx create-react-app my-app

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

" 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

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.

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

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

então

3. Instalar react: npx create-react-app my-app siga: https://create-react-app.dev/

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.

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.

Para Linux, isso funcionou para mim

sudo npm uninstall -g create-react-app
npx create-react-app my-test-app

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.

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.

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

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

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!

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:

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

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

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.

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.

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

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 

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

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

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