Caching Issue with ReactJS

Question

After pushing some changes to a React app and deploying it, I navigated to the site (e.g. https://www.somereactapp.com) and the changes are not shown.

Subsequently I refreshed the page and the updates are shown in the app and it works fine.

However after the refresh I went back to type out the same site https://www.somereactapp.com in the address bar and press enter, it reverted back to the old page again.

Am unable to find out why this is so on google chrome

if you had serviceworker it may be related to that, also are you using hash naming in app.js ? — Rikin
– Rikin, Commented Sep 25, 2019 at 13:34

hashbytes · Accepted Answer · 2019-09-25 14:04:53Z

1

Usually, this happens if the index page does not have a no-cache header. When we do not have the no-cache header, browser tries to cache index.html and does not know about the new version of the app.

However after the refresh, I went back to type out the same site https://www.somereactapp.com in the address bar and press enter, it reverted back to the old page again. --> Never come across this, curious to find out the solution.

answered Sep 25, 2019 at 14:04

hashbytes

7991 gold badge9 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Caching Issue with ReactJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related