Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Não consigo inicializar o projeto curso-react-alurabooks (front-end) do projeto All Books

Referente ao curso DevOps: trabalhando com tráfego seguro em comunicações web, no capítulo Comunicação web e atividade Preparando o ambiente

por Jean Pierre Santana
| 78.4k xp | 19 posts

Olá,

Não estou conseguindo iniciar o projeto curso-react-alurabooks.

Primeira dúvida, realmente precisa usar a branch aula-5?
Porque não usar a branch main ou curso-novo-aula-5?

Segui o procedimento orientado na aula de preparação

git checkout

Ao executar o npm install foi informado a ocorrência de vulnerabilidades

npm install

Após aplicar os fix's indicados (npm audit fix e npm audit fix --force) foram corrigidas todas as vulnerabilidades.

Porém, não consigo iniciar o serviço

npm start

Obs.: No serviço de back-end (api-alurabooks), precisei alterar a porta padrão de 8000 para 8001, uma vez que a porta 8000 já está em uso no meu computador.

O servidor iniciou normalmente

Servidor back-end

2 respostas
por Estudante
| 149.8k xp | 464 posts

Ola!

Valeu por compartilhar os prints, Jean. O problema ficou bem claro:

O erro ao rodar npm start é este:

sh: 1: react-scripts: not found

Ou seja, o projeto não está encontrando o pacote react-scripts, que é quem compila e sobe o front-end. Isso acontece geralmente por dois motivos:

  1. Dependência faltando no package.json

No curso original, o projeto usa Create React App, que depende de react-scripts.
Verifique no seu package.json se existe essa dependência dentro de "dependencies" ou "devDependencies":

"react-scripts": "5.0.1"

Se não tiver, rode este comando para instalar manualmente:

npm install react-scripts@5.0.1 --save
  1. node_modules corrompida ou incompleta

Às vezes o npm install não instala tudo corretamente.
Recomendo limpar e reinstalar:

rm -rf node_modules package-lock.json
npm install

Depois tente de novo:

npm start

Branch correta

No repositório da Alura, a branch usada no curso é realmente aula-5, não a main.
A main pode estar diferente ou incompleta. Então, continue na aula-5.

solução!
por Jean Pierre Santana
| 78.4k xp | 19 posts

Olá,

Funcionou ok com os procedimentos fornecedos. Obrigado pelo retorno.

No arquivo package na seção de dependências, tem a entrada para react-scripts.

"react-scripts": "^5.0.1",

Mesmo assim, eu instalei manualmente o pacote conforme comando especificado

"npm install react-scripts@5.0.1 --save"

Depois da instalação foi enviado warning devido a vulnerabilidades e com orientações para executar fix.

Dessa vez eu ignorei o fix e consegui iniciar a aplicação.