Create-React-App não cria modelo inicial


12

Estou tentando criar um novo projeto com o modelo de texto datilografado de acordo com estas instruções .

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

Embora instale todos os módulos do nó, ele não cria o projeto inicial nem usa o modelo fornecido. Eu recebo esta mensagem:

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.

Estou tentando seguir as instruções e excluir a instalação global do CLI, mas isso também não funciona:

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

Não importa o que eu faça, não consigo desinstalar o CLI. O que está acontecendo?

Editar:

Consegui fazê-lo funcionar parcialmente no PC.

npm remove create-react-app

então

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

Eu tentei com colchetes e, embora o projeto do modelo esteja lá, ele não está datilografado. Há algo de muito errado com o CLI agora.

Editar:

Este post resolveu o problema de não conseguir desinstalar o CLI. Espero que isso ajude alguém e por favor vote no OP.


3
Esse mesmo problema está acontecendo comigo agora. Eu corri npm uninstall -g create-react-appe depois corri npx create-react-app app-uicom e sem o sinalizador de modelo, mas estou recebendo o mesmo aviso. A saída resultante é apenas o diretório node_modules, um package.json e um package-lock.json. Não tenho certeza do que estou fazendo de errado.
arbitrayUserName

Respostas:


7

para o op: seus suportes estão fora do lugar. Para o seu caso, os documentos da documentação dizem para usar:

npx create-react-app my-app - template [nome do modelo]
-ou-
npx create-react-app my-app --template typescript


Para todos os outros:

1. desinstalar ( eu estou no linux / ubuntu )

sudo npm uninstall -g create-react-app

2. Então corra

npx create-react-app my-app

Nota: Verifique se todas as pastas / arquivos foram removidos na desinstalação . Se você está tendo problemas para acessar as pastas de reação na sua configuração do Linux como eu estava (devido a permissões), obtenha acesso e remova-o:

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

(... e execute o comando npx.)


11
A remoção dos colchetes tornou funcional o modelo de texto datilografado. Não sei por que os tive lá. Suponho que estava apenas tentando o que pudesse para fazer as coisas funcionarem. Obrigado!
Mickers

feliz em saber que isso funcionou!
C-Note187

8

Eu resolvi esse problema sudo npm uninstall -g create-react-app

mas isso não removeu o create-react-app, então tive que verificar em qual diretório ele está localizado. No terminal, se você digitar:

which create-react-app

isso lhe dará um diretório como / usr / local / bin / create-react-app Agora faça:

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

Isso removerá o create-react-app manualmente. Agora você pode começar a criar um aplicativo de reação usando npx create-react-app my-app


2
Estou usando o Ubuntu 19.10 e isso funcionou como um encanto!
egdavid 01/01

11
Estou usando o OSX (MacBook) e isso também funcionou!
Bumhwan Kim

1

Eu estava tendo o mesmo problema. Isso funciona para mim (Linux)

Etapa 01.

sudo npm remove create-react-app

Etapa 02.

sudo npm uninstall -g create-react-app

Etapa 03.

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

Eu espero que isso ajude.


Isso funciona muito obrigado
user3811671

0

Criar modelo de inicialização do React

1.npx create-react-app your_app_name

2.cd your_app_name

Começo 3.npm


0

Mesmo se você executou, npm uninstall -g create-react-app create-react-appainda pode estar instalado. Você pode verificar executando which create-react-app. Se um caminho é retornado create-react-appainda está instalado. Você pode excluir o módulo com rm -r ${returned path}. Depois disso, a execução npx create-react-app app-ui --template typescriptdeve funcionar sem erros ou avisos.


0

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 o npm uninstall -g create-react-app para 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
  • fios criar 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
  • verificação de cache npm
  • fios criar react-app my-app

Terceiro passo: (Se esses 2 não funcionarem), primeiro desinstale via npm uninstall -g create-react-app e verifique se você ainda o tem "instalado" com o comando create-react-app na sua linha de comando. Se você tiver algo como ( / usr / local / bin / create-react-app ), execute este 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.


0

Quando eu executei

Olá, create-react-app

gerado apenas abaixo da estrutura da pasta, com notificação

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

node_modules
package.json
yarn.lock

Siga as etapas abaixo para resolver

// Desinstalando o pacote create-react-app

npm uninstall -g create-react-app

Depois disso, estou pronto para criar um novo aplicativo de reação através do "npx"

Para o sabor ES6 (o padrão será o idioma ES6)

npx create-react-app olá-mundo

Para sabor Typcript

npx create-react-app olá-mundo --template typescript

A seguir está a estrutura da pasta após executar o cmd

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

início do fio // Funciona bem

node: v10.16.0
npm: 6.10.2

0

Minha solução acabou sendo um pouco diferente da sua, então adicionarei aqui caso alguém tenha um problema semelhante. Aparentemente, instalei o create-react-app globalmente com fios que eu podia ver quando corria, o which create-react-appque resultou em um caminho parecido .../.config/yarn/global/node_modules/.bin/create-react-app. A execução yarn global remove create-react-appremoveu este pacote e, em seguida, consegui executar com npx create-react-app app --template typescriptêxito.


0
  1. Instale create-react-app

No começo, precisamos instalar a ferramenta create-react-app. É uma ferramenta fornecida pelos criadores do React.js., que permite a instalação do aplicativo React.js., pronto para usar, com todas as dependências necessárias. Para instalar a ferramenta, precisamos usar o seguinte comando na linha de comando:

npm install -g create-react-app
  1. Crie a aplicação

Agora, é super fácil criar nosso primeiro aplicativo usando a ferramenta create-react-app. Podemos fazer isso com um único comando em nossa linha de comando. Primeiro, navegue até a pasta em que deseja que seu aplicativo seja executado na linha de comando e execute o seguinte comando, em que reatapp é o nome do nosso aplicativo:

npx create-react-app reactapp

Você pode definir um nome diferente para o seu aplicativo. Se o processo for concluído com êxito, você deverá ter sua pasta com o aplicativo pronto! Vamos começar a aplicação agora!

  1. Iniciar a aplicação

Vamos começar nossa reatapp com os seguintes comandos:

cd reactapp
npm start

O primeiro comando é usado para entrar na pasta do nosso aplicativo e o segundo inicia nosso aplicativo. Por padrão, o aplicativo está aberto no localhost: 3000, mas podemos alterar a porta nas configurações.

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

Hpe isso ajuda!


0

Para usuários do Windows, siga duas etapas

npm uninstall -g create-react-app

Então

npx create-react-app jamming

continue atualizando seu nó e npm, versão estável mais recente


0
  1. Desinstale o create-react-app usando o comando: sudo npm uninstall -g create-react-app

Como o npm não suporta o uso global de módulos npm.

  1. instale create-react-app boiler-plate como de costume, usando o comando: npx create-react-app my-app

funciona!!


-1

Eu estava tendo o mesmo problema. Eu tentei isso npm install -g create-react-app
Então faça o que create-react-app app-namefuncionou para mim.


Sim, mas isso resolve o erro do modelo? Agora estou em uma máquina Windows (estava em um Mac anteriormente) e está fazendo a mesma coisa ... Projeto vazio e texto datilografado não foram incluídos.
Mickers
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.