da2k / curso-reactjs-ninja

915 stars 322 forks source link

hotloader nao funciona :( #584

Closed marisbispo closed 2 years ago

marisbispo commented 2 years ago

Olá, @fdaciuk, tudo bem?

Mais uma vez eu aqui

o meu hotloader nao funciona.. nem oq eu fiz a instalação do 0, nem baixando o repositorio aqui do curso... inclusive, quando eu faço alguma atualização ele nao atualiza nem dando f5

Será q estou fazendo algo de errado?

No console parece estar tudo certo:

image

Subi aqui, inclusive caso queira dar uma olhada: https://github.com/marisbispo/react-webpack-hotloader

mto obrigada, estou no aguardo.

@fdaciuk

fdaciuk commented 2 years ago

Oi @marisbispo! Testei aqui seu projeto e o hot loader funcionou certinho xD Talvez você tenha tentado alterar algo no index.js, esse pode ter sido o problema: o hot loader vai aplicar atualizações à partir do arquivo app.js!

Se você olhar no arquivo index.js, é lá que configuramos o hot loader, e com esse código aqui:

if (module.hot) {
  module.hot.accept('./app', () => {
    const NextApp = require('./app').default
    renderApp(NextApp)
  })
}

Nós estamos dizendo que, sempre que o módulo ./app (passado como argumento para o module.hot.accept) for alterado, nós vamos fazer um novo require nesse arquivo e executar o render novamente.

Então todo update com o hot loader só vai acontecer no arquivo app, ou qualquer outro arquivo que tenha sido importado à partir do app.js :D

marisbispo commented 2 years ago

Oi, @fdaciuk

Estranho isso.. porque mesmo baixando o seu repositório, sem mudar nada, ainda nao funciona! Será que é algo com o Windows? Há algo q eu possa fazer?

Outra coisa, na aula M2#A35 eu tive esse problema:

image

É normal? Na sua aula vi que nao deu e conferi o codigo mais de uma vez.

Muito obrigada!

fdaciuk commented 2 years ago

Oi @marisbispo! Não deveria ser um problema no windows não, até porque você está usando WSL2, certo? Mas vou ver se consigo fazer alguns testes no windows pra validar isso :)

Sobre o webpack dashboard: em alguns casos ele pode ser problemático, principalmente no windows. Como ele não é essencial, é apenas para dar uma interface mais bonitinha para o webpack no terminal, pode ignorar essa parte de instalação dele, ok? :)

fdaciuk commented 2 years ago

Oi @marisbispo! Pedi pra algumas pessoas que usam windows com WSL2 testarem, e o seu projeto funcionou certinho, inclusive com o hot reload.

Será que pode ser alguma configuração do seu PC?

fdaciuk commented 2 years ago

Oi @marisbispo! Conseguiu resolver esse problema? Se ainda não, me dá um toque lá no Discord do curso que a gente puxa uma vídeo chamada e eu te ajudo com isso, pode ser? :)