search

badsyntax / react-seed

[not maintained] Seed project for React apps using ES6 & webpack.
http://badsyntax.github.io/react-seed
MIT License
428 stars 82 forks source link

css replacement not working #9

Closed mxaly closed 9 years ago

mxaly commented 9 years ago

Need to refresh page to see style chagnes.

badsyntax commented 9 years ago

Are you using the latest version of the code? CSS reload should be working without refreshing page.

badsyntax commented 9 years ago

On OSX, it seems you need to interact with the browser in some way for the styles to be updated. For me, it's as simple as having the browser window focused and then moving the mouse over the window.

mxaly commented 9 years ago

i'm using osx with chrome 42.0.2311.152 (64-bit) It's latest version + I updated all css related packages to latest versions - did not help. In my case i need to reload page. Interacting with page doesn't help.

Chrome console log: 

client?ad37:65 [WDS] App hot update...
only-dev-server.js:62 [HMR] Checking for updates on the server...
log-apply-result.js:11 [HMR] The following modules couldn't be hot updated: (They would need a full reload!)
log-apply-result.js:13 [HMR]  - 259
log-apply-result.js:18 [HMR] Nothing hot updated.
only-dev-server.js:48 [HMR] App is up to date.

full node log: https://gist.github.com/mxaly/1aeadbc0f58b507f98b7

badsyntax commented 9 years ago

See this line: https://gist.github.com/mxaly/1aeadbc0f58b507f98b7#file-react-seed-css-issue-node-log-L426

You're not going to get css livereload if you're bundling the css. Have you made any changes to the webpack.config.js or npm scripts?

mxaly commented 9 years ago

added altJs to package - should not be related also just now i generated project one more time - same problem there

badsyntax commented 9 years ago

Ok thanks for letting me know, i'll look into it.

mxaly commented 9 years ago

thanks :)

mxaly commented 9 years ago

looks like it's fixed in last version. Closing