3
respostas

[Bug] Local host carregando infinitamente após o yarn dev

  "name": "alura-cases",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "dependencies": {
    "next": "^13.4.4",
    "react": "^18.2.0",
    "react-dom": "^18.2.0"
  },
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  }
}

a única página é: export default function HomePage() { return ( <div> <h1>Alura Cases</h1> <h2>Bem-vindo</h2> </div> ) } Não apresenta erro nenhum yarn run v1.22.19 $ next dev

  • ready started server on 0.0.0.0:3000, url: http://localhost:3000
  • event compiled client and server successfully in 4.6s (157 modules) mas a página não carrega mesmo em guia anônima
3 respostas

Olá, Lucas! Tudo bem?

Pelo que entendi, você está enfrentando problemas para carregar a página localmente após executar o comando "yarn dev" em seu projeto Next.js.

Uma possível solução para esse problema é limpar o cache do navegador e tentar novamente. Caso isso não funcione, você pode tentar executar o projeto em uma porta diferente, utilizando o seguinte comando: "yarn dev -p 3001", por exemplo.

Outra possível causa para o problema pode ser a falta de um arquivo "_app.js" em seu projeto. Certifique-se de que ele está presente e configurado corretamente.

Espero ter ajudado e bons estudos!

Tentei limpar o cache e usar a porta alternativa, mas o problema permance. Notei que não tenho o arquivo app.js, mas ele também não aparece na demonstração do professor. Como faço para adicioná-lo?

Oi Lucas.

Às vezes pode ser algum problema no navegador. Você tentou usar outro navegador ou abrir o Dev Tools e dar uma olhada na aba console ou network para ver se tem algum erro acontecendo?

Outra sugestão é usar as versões que o Soutinho usou no vídeo (em 3:53 você consegue ver as dependências e as versões). A versão 13 do Next alterou a estrutura de um projeto e ao invés de uma pasta pages eles usam uma pasta app, que tem mais arquivos.

Você modifica as dependências no seu package.json, depois apaga as pastas node_modules e .next e roda o npm install (ou o equivalente no yarn). Aí quando você rodar a aplicação, ela vai estar nas mesmas versões da aula.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software