image

Acesse bootcamps ilimitados e +650 cursos pra sempre

60
%OFF
Article image
Renan França
Renan França15/12/2022 12:08
Compartilhe

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
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
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
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
Renan França - 15/12/2022 12:50

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

FT

Francisco Tridnade - 15/12/2022 12:32

Entra na pasta do projeto e digita apenas npm start

Elisio Pedro
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".