Solucionado (ver solução)
Solucionado
(ver solução)
6
respostas

[Bug] OPS! ERRO AO EFETUAR SEU LOGIN?

Olá! Realizei a aula 02(Preparando o ambiente) por completo sem dar nenhum bug, no entanto ao dar continuidade em outro dia não consegui acessar mais a página http://localhost:3000. Refiz todo o processo e consegui acessar o projeto AluraBooks novamente, mas ao tentar fazer o cadastro apresentou uma janela com o seguinte:

Aconteceu um erro inesperado ao efetuar o seu login!

Todos os navegadores apresentam mensagens similar.

Microsoft Windows [versão 10.0.19044.3086] (c) Microsoft Corporation. Todos os direitos reservados.

Ao tentar executar no meu terminal apresenta esses erros:

# C:\Users\Home>cd api-alurabooks
# C:\Users\Home\api-alurabooks>npm run start-auth
# 
npm ERR! code ENOENT
npm ERR! syscall open
npm ERR! path C:\Users\Home\api-alurabooks/package.json
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, open 'C:\Users\Home\api-alurabooks\package.json'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

npm ERR!* A complete log of this run can be found in: C:\Users\Home\AppData\Local\npm-cache\logs\2023-07-28T020711674Z-debug-0.l*og

C:\Users\Home\api-alurabooks>
6 respostas

Pessoal do fórum, estou sem respostas! Minha dúvida do curso de HTTP??

Oi Rubens, tudo bem contigo?

Eu peço minhas mais sinceras desculpas pela demora em obter um retorno!

Parece que você está enfrentando alguns problemas ao tentar acessar o projeto AluraBooks novamente e ao executar o servidor da API. Vamos tentar resolver esses problemas passo a passo:

  1. Erro ao acessar http://localhost:3000: Se você não está conseguindo acessar o projeto no endereço http://localhost:3000, pode ser que o servidor local não esteja sendo executado corretamente. Verifique os seguintes pontos:

    • Verifique se o servidor local está em execução. Você pode tentar iniciar o servidor novamente com o comando npm start quando estiver já no diretório do projeto da AluraBooks.
    • Verifique se não há outros processos ocupando a mesma porta (no caso, a porta 3000). Certifique-se de que nenhum outro serviço está utilizando essa porta.
    • Verifique se não há bloqueios de firewall ou configurações de rede que estejam impedindo o acesso ao servidor local.
  2. Erro ao executar npm run start-auth: O erro indicado sugere que o arquivo package.json não está sendo encontrado no diretório C:\Users\Home\api-alurabooks. Isso pode ocorrer se o arquivo realmente não existir ou se houver algum problema de permissões no sistema de arquivos. Para resolver esse problema, siga estas etapas:

    • Verifique se o arquivo package.json existe no diretório C:\Users\Home\api-alurabooks. Se ele não estiver lá, você precisara baixar ele nesse link aqui.
  3. Erro ao fazer login na aplicação: O erro "Aconteceu um erro inesperado ao efetuar o seu login!" pode ter várias causas possíveis. Aqui estão algumas coisas que você pode tentar:

    • Verifique se todos os serviços e APIs que a aplicação AluraBooks depende estão em execução corretamente.
    • Verifique os logs de erro do cliente para obter mais detalhes sobre o erro específico que está ocorrendo, uma opção seria inspecionar a página e ver o console, ou a aba de network, ou a aba de elementos e ver se encontra o arquivo ou local que está gerando esse erro para que eu possa investigar daqui.

Lembre-se de que essas são apenas sugestões genéricas, e a resolução do problema pode depender da configuração específica do seu ambiente e da forma como você fez os passos de instalação.

Era isso, caso você consiga me fornecer mais informações eu poderia ajudar melhor, mas pelo erro de console que está sendo gerado o que ele diz é que existe um problema com o package.json, então verifique se você está na pasta certa, se está executando tudo da maneira certa, pois o menor erro pode atrapalhar todo seu desenvolvimento no curso.

Lembre-se detalhes fazem a diferença quando você vai comunicar um problema.

Abraços e bons estudos.

Olá Renan, Desculpe-me a demora, Achei um erro ao digitar no cmd, digitei api-Alurabooks em vez de curso-react-alurabooks do Front-End e o processo deu ok durante toda essa aula.

# C:\Users\Home>cd curso-react-alurabooks**
# 
# Pasta de C:\Users\Home\api-alurabooks\api-alurabooks
# 27/07/2023  23:22    <DIR>          .
# 27/07/2023  23:22    <DIR>          ..
# 27/07/2023  23:22                12 .gitignore
# 27/07/2023  23:22            22.403 database.json
# 27/07/2023  23:22    <DIR>          node_modules
# 04/08/2023  09:22            68.889 package-lock.json
# 27/07/2023  23:22               389 package.json
# 27/07/2023  23:22             1.640 README.md
# 27/07/2023  23:22            12.407 server.js
# 27/07/2023  23:22           959.552 thumbnail.png
# 27/07/2023  23:32               945 usuarios.json
#                8 arquivo(s)      1.066.237 bytes
#                3 pasta(s)   130.948.108.288 bytes disponíveis**
    
    Your environment has been set up for using Node.js 18.17.0

Mas toda vez que for acessar o projeto alurabooks terei que digitar no cmd e refazer todo o processo de baixar e executar o Front-End e o Back-End?

Porque somente pelo endereço http://localhost:3000., não acesso sem esse procedimento acima?

Desde já Obrigado!

solução!

Olá Rubens! Tudo ok contigo?

Bom, vamos lá, primeiramente, parabéns por identificar e consertar o erro sozinho, essa habilidade é muito importante no mundo da programação.

Agora sobre rodar o projeto novamente, para caso você tenha fechado todas as abas de console e as abas onde estavam rodando o Front-End e o Back-End, o processo é bem mais simples do que você pensa.

Temos algumas formas de fazer isso, mas eu vou ensinar uma que eu considero mais fácil. Mas para ela funcionar temos que verificar uma coisa antes.

Quando usamos esses dois comandos:

# Esse para baixar os arquivos do Back-End
git clone https://github.com/alura-cursos/api-alurabooks.git
# E esse outro para os arquivos do Front-End
git clone https://github.com/alura-cursos/curso-react-alurabooks.git

Esses comandos por padrão baixam esses dois arquivos na pasta raiz do usuário: "api-alurabooks" que é uma pasta contendo os arquivos da API Back-End da aplicação, e "curso-react-alurabooks" que é a pasta com os arquivos React em Typescript do Front-End da página.

Tendo em mente que já baixamos esses arquivos da primeira vez, não precisamos fazer isso novamente.

Agora sim, a primeira ação para rodar o Back-End caso tenha fechado tudo anteriormente seria o seguinte:

  1. Abra um terminal de sua preferência, e por padrão ele já deve abrir em sua pasta raiz de usuário. Então digite o comando abaixo:

    cd api-alurabooks
    

    Ou se você preferir, você pode só digitar "cd api" e clicar em "TAB" que ele autocompleta, depois dê "ENTER" que ele deve entrar na pasta.

  2. Nessa pasta você deve usar o comando abaixo:

    npm run start-auth
    

    O que esse comando faz é executar ou "rodar" um arquivo chamado "start-auth", arquivo esse que contem as informações de controle e gerenciamento da API.

  3. Nesse caso, não precisamos usar "npm install" para instalar as dependências, pois supõe-se que na primeira vez isso já foi feito, então não tem porque repetir essa ação toda vez.

O mesmo deve ser feito para o Front-End.

  1. Abra um novo terminal, MAS NÃO FECHE O TERMINAL ONDE A API BACK-END ESTÁ RODANDO, SE VOCÊ FIZER ISSO, ELA CAIRÁ DO AR, o mesmo vale para o console do Front-End, após ele ser iniciado claro. Enfim, abrindo um novo console para o Front, entre na pasta "curso-react-alurabooks" com o comando:

    cd curso-react-alurabooks
    

    Ou só digite "cd curso-react" e dê um "TAB" que ele autocompleta, clique em "ENTER" e ele entra na pasta com os arquivos Front-End.

  2. Após isso só use esse comando para iniciar o servidor Front-End:

    npm start
    

    Aqui nós só estamos compilando os arquivos executáveis do Front-End e o disponibilizando através de um servidor no endereço http://localhost:3000

  3. Aqui nós não precisamos executar esses dois comandos abaixo:

    git checkout aula-5
    npm install
    
    • Isso porque eles servem só para mudar de "branch" no github e pegar o código da "branch" que o tem de forma completa, isso não é necessário no back-end, pois lá eles já tem a versão completa na "main" que á "branch" default (padrão) de acesso.
    • E o segundo é o de instalação de dependencias, e como no Back-End, supõe-se que ele já foi instalado da primeira vez, então não é necessário repetir isso mais.

Agora veja abaixo um git de execução do Back-End dessa forma ensinada:

gif demonstrativo de como fazer o processo de inicar a api do alurabooks

E o mesmo para o Front:

gif demonstrativo de como fazer o processo de inicar o servidor localhost do alurabooks

Como você pode ver, o processo é bem rapidinho.

Se tiver ficado com alguma dúvida, ou não entendeu algo, é só falar.

Caso precise eu estarei por aqui.

Abraços e bons estudos.

Oi Renan! Muito bom, realizei aqui essa forma de acesso e deu certo

Obrigado! Grande abraço.

**C:\Users\Home>cd api-alurabooks

C:\Users\Home\api-alurabooks>cd api-alurabooks

C:\Users\Home\api-alurabooks\api-alurabooks>npm run start-auth

> json-server-api@1.0.0 start-auth

> node server.js

API disponível em http://localhost:8000**

**Compiled successfully!

You can now view alurabooks in the browser.

Local: http://localhost:3000

On Your Network: http://192.168.1.2:3000

Note that the development build is not optimized.

To create a production build, use npm run build.

webpack compiled successfully

Files successfully emitted, waiting for typecheck results...

Issues checking in progress...

No issues found.

**

Opa Rubens tudo bem contigo?

Fico feliz em ter ajudado. Caso precise eu estarei por aqui.

Abraços e bons estudos.