cssinjs/jss

Hot reload not working in Gatsby

Open

#1 079 ouverte le 4 avr. 2019

Voir sur GitHub
 (2 commentaires) (1 réaction) (0 assignés)JavaScript (7 000 stars) (434 forks)batch import
bughelp wanted

Description

Expected behavior: After updating a style object and saving the js file, it is expected styles will update in the browser via hot reloading in GatsbyJS.

Describe the bug: After updating a style object and saving the js file, the Gatsby website does not hot reload styles. On a hard page refresh (cmd + r) the new styles load as expected.

Codesandbox link: https://codesandbox.io/embed/github/codeithuman/gatsby-jss-hot-reload/tree/master/ https://github.com/codeithuman/gatsby-jss-hot-reload

Versions (please complete the following information):

  • jss: v10.0.0-alpha.16
  • Browser [e.g. chrome, safari]: Chrome
  • OS [e.g. Windows, macOS]: macOS

Guide contributeur

Stack technique
javascriptreact
Domaine
frontend
Type d'issue
bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 hours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
JSS basicsWebpack HMR
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
50
Direction de recherche
Investigate the hot reload mechanism in JSS when used with Gatsby. Review the reproduction repository at https://github.com/codeithuman/gatsby jss hot reload and the codesandbox. Check the JSS webpack plugin configuration and how styles are injected. Potential areas include the JSS plugin's handling of module updates and whether the style injection is properly re triggered on change. Consult the JSS documentation and existing issues for similar problems.