Problema encontrado durante o primeiro uso com Node.js e React com Visual Studio Code

gusmedeirost

Gustavo Medeiros

Posted on August 14, 2024

Problema encontrado durante o primeiro uso com Node.js e React com Visual Studio Code

Em algum momento, dependendo da trajetória da qual irá seguir, terá de usar Node.js e React para a criação de um projeto, seja como desenvolvedor front-end ou até como mesmo como desenvolvedor fullstack. Durante esse processo pode haver problemas simples, mas que acabam consumindo o nosso tempo.

PS C:\users\name\Desktop\exemple> npx create-react-app.
npx: O termo 'npx' não é reconhecido como nome de cmlet, função, arquivo de script ou programa operável. Verifique a grafia do nome ou, se um caminho tiver sido incluído, veja se o caminho está correto e tente novamente.
No linha: 1 caractere: 1
+npx create-react-app.
...

  1. Primeiro verificar se o node.js está instalado e de preferência com a versão mais atualizado do software. Entre no seu terminal windows powershell e digite node -v
PS C:\Users\name> node -v
v20.16.0
Enter fullscreen mode Exit fullscreen mode

Caso não esteja instalado o node.js entre no Site oficial. Se possuir duvidas acesse então Como instalar Node.js.

  1. Verificar se o arquivo da instalação está no diretório PATH para executar o node.js no sistema. O PATH é onde contém os diretórios que o sistema operacional irá buscar para poder executar.

Primeiro encontre onde está o arquivo da instalação do node.js e para isso siga esse passo a passo:

  1. Use a caixa de diálogo de pesquisa e digite por node.js
  2. Clique Abrir local de arquivo.
  3. Em cima do Node.js clique com o botão direito e vá em Abrir local de arquivo novamente.
  4. Copie o caminho do arquivo na barra superior, como exemplo C:\Program Files\nodejs.

Após descobrir o caminho do seu arquivo onde está o node aplicativo, vamos abrir o diretório do PATH

  1. Clique no ícone da área de trabalho
  2. Clique em Configurações
  3. Clique em Sistema
  4. Clique em Sobre
  5. Clique em Configurações avançadas do sistema
  6. Clique no botão Variáveis de Ambiente...
  7. Vá em path e clique no botão Editar...
  8. Clique no botão Novo e cole o caminho do seu arquivo como o exemplo C:\Program Files\nodejs
  9. clique Ok

Feito isso reinicie seu terminal e o Node.js é para funcionar normalmente. Caso ainda tenha problema com o npx create-react-app., pode apenas desinstalar npm uninstall -g create-react-app e instalar novamente npm install -g create-react-app e teste a função npx create-react-app.

💖 💪 🙅 🚩
gusmedeirost
Gustavo Medeiros

Posted on August 14, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related