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

Não consigo abrir o localhost

Fiz tudo direitinho, como mostrado no vídeo, porém não conseguia abrir nada no localhost:3000, recebi aquel erro ERR_CONNECTION_REFUSED. Joguei os possíveis erros num arquivo chamado error.txt e recebi o seguinte:

Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest Why you should do it regularly: https://github.com/browserslist/update-db#readme (node:2430) [DEP_WEBPACK_DEV_SERVER_ON_AFTER_SETUP_MIDDLEWARE] DeprecationWarning: 'onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option. (node:2430) [DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning: 'onBeforeSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option. Rodei os comandos nas duas pastas(npx update), tanto na da api quanto do frontend, mas continuei recebendo o mesmo erro Dei uma pesquisada e vi que tinha que mudar as configurações na função devServer, mas pesquisei em todos os packages.json e não achei nada, fucei em todas as pastas "webpack-algumacoisa" que encontrei também, e nada de achar, oq pode está acontecendo? Reiniciei o servidor, reiniciei minha máquina, troquei de navegador e nada funcionou. Inclusive desativar o firewall. Caso faça alguma diferença, estou no BigLinux, distro baseada em arch Linux rodando o ubuntu Server numa VM

5 respostas
solução!

Olá, Davi!

Pelo que você descreveu, parece que você está enfrentando alguns problemas com o webpack dev server. As mensagens de erro (node:2430) [DEP_WEBPACK_DEV_SERVER_ON_AFTER_SETUP_MIDDLEWARE] DeprecationWarning: 'onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option. e (node:2430) [DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning: 'onBeforeSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option. indicam que as opções 'onAfterSetupMiddleware' e 'onBeforeSetupMiddleware' estão depreciadas e você deve usar a opção 'setupMiddlewares'.

No entanto, essas mensagens de erro são apenas avisos de depreciação e não devem impedir que o servidor seja iniciado.

O erro ERR_CONNECTION_REFUSED geralmente indica que o servidor não está rodando na porta que você está tentando acessar. Você mencionou que tentou abrir o localhost:3000, mas o erro persistiu.

Aqui estão algumas coisas que você pode tentar:

  1. Verifique se o servidor está realmente rodando. Você pode fazer isso usando o comando netstat -tuln | grep 3000 no terminal. Se o servidor estiver rodando, você deverá ver uma linha que inclui '0.0.0.0:3000'. Se não ver nada, isso significa que o servidor não está rodando.

  2. Tente rodar o servidor em uma porta diferente. Você pode fazer isso alterando o script de start no seu arquivo package.json para algo como "start": "react-scripts start --port 3001". Depois disso, tente acessar o localhost:3001.

  3. Você mencionou que tentou atualizar o caniuse-lite com o comando npx update-browserslist-db@latest, mas o erro persistiu. Tente rodar o comando npx browserslist@latest --update-db para ver se isso resolve o problema.

  4. Se nada disso funcionar, pode ser um problema com o seu ambiente de desenvolvimento. Você mencionou que está usando o BigLinux e rodando o Ubuntu Server em uma VM. Pode ser que exista algum problema de configuração ou compatibilidade.

Bons estudos!

Segui todos os passos e continuo não conseguindo acessar pelo localhost, desinstalei e instalei novamente a VM e continuo o mesmo problema, tenho um notebook aqui que já roda um bot para o whatsapp num ubuntu server, vou tentar fazer o procedimento nele

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

De fato, rodei pelo meu querido servidor (notebook com um sugado amd1 que ta com ubuntu server) e funcionou, rodei pelo ip:3000 e rodou de boa, farei oq tiver que fazer no curso via SSH, obrigado!

Que legal, Davi! Fico feliz que tenha funcionada em seu PC. Acho que deve ter sido alguma inconsistência com o sistema/incompatibilidade.

Bons estudos!!

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