Hot reload not working in Gatsby · cssinjs/jss#1079

(2 留言) (1 反應) (0 負責人)JavaScript (7,000 star) (434 fork)batch import

bughelp wanted

描述

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

貢獻者指南

技術棧: javascriptreact
領域: frontend
議題類型: bug
難度: 3
預計時間: 1-3 hours
活動狀態: stale
清晰度: clear
前置要求: JSS basicsWebpack HMR
新手友善度: 50
研究方向: 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.