Problema Localhost:3000

#JavaScript
#Node.js
#React

Bom dia, estava fazendo o Desafio 1 (criando uma calculadora), no curso Formação React Developer, porém a página localhost:3000/ parou de funcionar, ao fechar e dar o npm run start novamente, apareceram as seguintes mensagens...

Durante o carregamento...

(node:1804) [DEP_WEBPACK_DEV_SERVER_ON_AFTER_SETUP_MIDDLEWARE] DeprecationWarning: 'onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
(Use `node --trace-deprecation ...` to show where the warning was created)
(node:1804) [DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning: 'onBeforeSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.

Após carregar...

Compiled successfully!

You can now view calculadora in the browser.   

 Local:      http://localhost:3000     
 On Your Network: http://192.168.1.4:3000    

Note that the development build is not optimized.
To create a production build, use npm run build. 

webpack compiled successfully

como faço para a página voltar a funcionar? e quais as possíveis causas para estar funcionando, e no meio da edição esse problema ocorreu.

Compartilhe

Comentários (6)

Renan França - 16/12/2022 14:39

Algum código estava dando loop infinito, eu comentei os códigos apenas para abrir a página e funcionou, depois editei novamente como o original e refiz as mudanças.

Rafael Cruz - 15/12/2022 15:50

Opa, boa tarde!

O meu deu esse bug ai, parece que estava dando conflito no VSCODE,

eu reiniciei o computador e parou de dar este erro,

não custa nada tentar, para mim funcionou.

Elisio Pedro - 15/12/2022 14:18

Outra coisa que você pode tentar é apagar o package-lock.json e a pasta node-modules. Aí roda um npm i para reinstalar todas as dependências de novo.

Tem outras dicas do que se pode fazer nesse link.

Renan França - 15/12/2022 12:50

Não funcionou nenhuma das duas alternativas. O mais curioso, é que estava funcionando normalmente e parou.

Francisco Tridnade - 15/12/2022 12:32

Entra na pasta do projeto e digita apenas npm start

Elisio Pedro - 15/12/2022 12:17

Esses avisos de deprecation não devem impedir o carregamento da página. Tenta colocar o endereço que ele diz para a rede ( http://192.168.1.4:3000) e diz aí o que acontece. Se estiver usando VPN ou proxy pode ser aí o seu "problema".

Leia a seguir

PWA vs App Nativo: Assets e Dados!Thiago Rossi - 05 de Setembro

#HTML#JavaScript#CSS

Explorando Objetos, Métodos e Classes em JavaScript: Um Guia EssencialRoberto Filho - 08 de Agosto

#JavaScript#JavaScript e Testes#JavaScript

Natural ou Fake Natty?Belisnalva Jesus - 19 de Julho

#HTML#JavaScript#ChatGPT