Npx create-react-app

estou na aula 3 de react basico, da semana 3, faço exatamente igual ao professor e da erro, como resolve?

no lado esquerdo é a aula, no direito é o que aparece para mim

4 Likes

Já tentou realizar o comando pelo Prompt de Comando ?

4 Likes

Veja também uma outra forma…
npm init vite nome-do-projeto – --template react… tá sendo bastante usada

5 Likes

to usando o windows powershell, isso é um Prompt de Comando né?

4 Likes

nao funcionou

4 Likes

Sim, ambos são. Mas tente usar o cmd e verifique se o problema persiste

2 Likes

nao funcionou, apareceu a mesma mensagem

2 Likes

@Jaqueline.Silveira provavelmente o node não esta instalado, digita node-v pra ver se está instalado se não tenta instalar novamente

2 Likes

ou como o @Davidson.Xavier falou tente usar o cmd aperta a tecla windows + r e digita cmd

2 Likes

cliquei nesse icone verde, ele abre e fecha
image
é esse icone verde mesmo?

2 Likes

Se realmente funcionar, volto aqui para confirmar, pq instalar, instalou, Obrigado

3 Likes

Funcionou mesmo, estou acompanhando a aula 4 de react basico, porém os arquivos que deveriam ser “.js” estão com “.jsx” sabe dizer se pode ocorrer algum problema depois?

3 Likes

alguém sabe o que tem de errado? fiz exatamente igual…

4 Likes

Oi @Jaqueline.Silveira, veja se alguma das sugestões abaixo funcionam:
Usando CMD:
1 - Apertar a tecla windows
2 - Digitar CMD
3 - Escolher a opção de executar como administrador
4 - digitar:
cd C:/Users/User/Desktop/aulareact
5 - digitar:
npx create-react-app gamagit

no power shell
1 - Apertar a tecla windows
2 - Digitar powershell
3 - Escolher a opção de executar como administrador (creio que a opção aparece clicando com o botão direito)
4 - digitar:
cd C:/Users/User/Desktop/aulareact
5 - digitar:
Set-ExecutionPolicy -ExecutionPolicy Unrestricted
6 - digitar:
npx create-react-app gamagit

3 Likes

Se não executar…tenta desinstalar o node e instala novamente…mas lembre-se de instalar a versão LTS do node…mas utilize o prompt de comando ou cmd…

2 Likes

No react, se você escrever arquivos com a extensão js ou jsx, ambos vão funcionar. jsx (JavaScript Syntax Extension) é uma extensão específica do react e é usada quando você quer deixar claro que não é um javascript comum, mas que é um arquivo que só pode rodar no react.

3 Likes

Já conseguiu resolver? Esse erro acontece pq o seu prompt de comando não está encontrando o caminho global para node, daí ele responde como comando desconhecido. Se ainda não tiver resolvido, manda um salve que te ajudo a resolver.

2 Likes

eu ainda não, instalei varias versões e nenhum funcionou com o react… tava até pesquisando no google se existe node online ou algo assim… vou comer alguma coisa e já ia fazer a prova, mas se vc souber arrumar, eu espero mais um pouco…

1 Like

Estou online @Jaqueline.Silveira , vamos lá. Confirma que você instalou o Node 16 desse site: Node.js e poderia confirmar qual a versão do Windows você usa (8,10,11)?

Vamos configurar o node para ser reconhecido pelo terminal. Essa configuração era pra ser automática.
Temos duas abordagens, tentar fazer com que o instalador configure automaticamente e configurar na mão o caminho para o node no terminal.
Abordagem 1 - Reparar o Node:

  1. Se tiver instalado a versão 18, remova e instale a 16 e pule para o passo 2.
  2. Baixe a versão 16 LTS do node e execute o arquivo instalador, escolha a opção de Reparar (Repair) que ele deve resetar as configurações de instalação do node.
  3. Abrir um prompt de comando (Powershell) e executar o comando node -v e verificar se ele reconhece o comando.
  4. Se não estiver reconhecendo, vamos para abordagem 2.

Abordagem 2 - Configurando a variável de ambiente PATH para encontrar o node.

  1. No menu iniciar, digite ENV e escolha na lista o item que diz Editar/Configura as variáveis de ambiente do sistema.
  2. Na janela que aparece (Propriedades do Sistema) click no botão Variáveis de Ambiente/Environment Variables que fica na parte inferior da janela.
  3. Na parte de baixo (Variáveis de Sistema/System Variables) encontre na lista a variável chamada Path e click para selecionar.
  4. Com Path selecionado, click no botão Editar/Edit.
  5. Na nova janela verifique se encontra uma linha escrito (C:\Program Files\nodejs)
  6. Se não encontrar, copie a linha (C:\Program Files\nodejs) sem os parênteses e adicione à lista clickando em New/Novo e copiando essa linha no campo que aparece e confirme apertando com ENTER e depois click em OK para voltar a janela anterior.
  7. Após isso, localize a variável Path na lista de cima (Variáveis de usuário par <Nome de Usuário>…/User variables for ), click para selecionar e depois aperte no botão Edit.
  8. Na janela que aparece click em novo e adicione o seguinte caminho : %USERPROFILE%/AppData/Roaming/npm e confime apertando ENTER.
  9. Confirme com OK para fechar a janela e depois OK novamente na janela anterior e novamente OK para fechar a janela principal das Propriedades do Sistema/System Properties.
  10. Feche os programas e reinicie o computador para que as atualizações de caminhos surtam efeito.
  11. Abra um terminal (powershell) e verifique se consegue rodar os comandos node -v e npm -v.

Abordagem EXTRA: Como Instalar o Node.Js NPM em seu Computador - YouTube

Aguardo o retorno, Suerte!

2 Likes

Olá, tudo bem?

Deu certo? Se não tiver conseguido resolver o problema avisa aqui que vamos tentando te ajudar no que for possível…

Até logo… :computer: