question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Hot Reloading not working on Routes.

See original GitHub issue

Are you reporting a bug?

Yes

Is this a feature request?

No

Environment

  1. react-static -v: 5.9.3
  2. node -v: v10.0.0
  3. yarn --version or npm -v: 6.0.1
  4. Operating system: Ubuntu 16.04
  5. Browser and version (if relevant):

Steps to Reproduce the problem

Base your steps off of any freshly installed react-static template!

  1. react-static create
  2. choose the “style-components” templates
  3. npm start
  4. go to localhost:3000, and click on “about” link
  5. go to src/containers/About.js and modify the text, and save
  6. the page on the browser is not hot reloaded with the change

Expected Behavior

Reload of the page with the change in the About.js file.

Reproducible Demo

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:8
  • Comments:9 (2 by maintainers)

github_iconTop GitHub Comments

7reactions
arobert93commented, Jun 8, 2018

5.9.7 does not work.

5reactions
cooperkacommented, May 29, 2018

5.8.6 works, 5.8.7 broken, latest 5.9.5 broken. Can confirm this commit breaks it: https://github.com/nozzle/react-static/commit/7a684cd660abbc29d89c453fb1889db244227c69.

@tannerlinsley do you mind re-opening, please?

Debugging so far:


# File: .babelrc
# Result: No effect.

-  "extends": "react-static/.babelrc",
+  "presets": ["react-static/babel-preset.js"],

Attempt: Changing the order of 'transform-class-properties' in babel-preset.js to reflect the original in .babelrc. Result: No effect.


Attempt: Reverting react-static/.babelrc to original. Result: Fixes HMR.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Hot Reloading not working in Next.js 9 using custom routing ...
Bug report We are running "dev": "cross-env NODE_ENV=development babel-node src/server.js", to start nextjs in dev mode from our server.js ...
Read more >
Hot Reload is not working in my React App - Stack Overflow
js in src folder. Then Hot reload is not working. I have go to chrome and manually refreshing the page for see changes....
Read more >
Difference between Hot Reloading and Live ... - GeeksforGeeks
If you are into deep navigation, hot reloading will not work properly. In this case, you have to reload your entire app. If...
Read more >
auto_route 1.0.0-beta.10 | Flutter Package - Pub.dev
AutoRoute is a declarative routing solution, where everything needed for ... Fix hot reload issue #170; Fix Hero animations not working with the...
Read more >
Hot module reload is not working on my nextjs app-Reactjs
in my case hot reload didn't work because there was assetsPrefix in my next.config.js. You can remove or change them to "/" in...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found