Cache busting with CRA React

by

EDIT: create-react-app v2 now have the service worker disabled by default

This answer only apply for CRA v1

This is probably because of your web worker.

If you look into your index.js file you can see 

registerServiceWorker();

Never wondered what it did? If we take a look at the file it got imported from we can see 

// In production, we register a service worker to serve assets from local cache.

// This lets the app load faster on subsequent visits in production, and gives
// it offline capabilities. However, it also means that developers (and users)
// will only see deployed updates on the "N+1" visit to a page, since previously
// cached resources are updated in the background.

// To learn more about the benefits of this model, read {URL}
// This link also includes instructions on opting out of this behavior.

If you want to delete the web worker, don’t just delete the line. Import unregister and call it in your file instead of the register.

import { unregister } from './registerServiceWorker';

and then call 

unregister()

P.S. When you unregister, it will take at least one refresh to make it work

More Related Contents:

  1. What is the best way to access redux store outside a react component?
  2. How do I hide API key in create-react-app?
  3. Template not provided using create-react-app
  4. Error: ‘node-sass’ version 5.0.0 is incompatible with ^4.0.0
  5. Simple Conditional Routing in Reactjs
  6. Line 0: Parsing error: Cannot read property ‘map’ of undefined
  7. Use custom build output folder when using create-react-app
  8. Next.js – Error: only absolute urls are supported
  9. deploying create-react-app to heroku with express backend returns invalid host header in browser
  10. Blank page after running build on create-react-app
  11. How does connect work without mapDispatchToProps
  12. Using `”homepage”` in package.json, without messing up paths for localhost
  13. How should I configure create-react-app to serve app from subdirectory?
  14. How do I hide an API key in Create React App?
  15. ‘TypeError [ERR_INVALID_ARG_TYPE]: The “path” argument must be of type string. Received type undefined’
  16. How to avoid using relative path imports (/../../../redux/action/action1) in create-react-app
  17. Relative path in index.html after build
  18. How to use environment variables in Github Page?
  19. How to give Image src dynamically in react js?
  20. combine react build output into single js file
  21. What is public/manifest.json file in create-react-app?
  22. Get version number from package.json in React Redux (create-react-app)
  23. create-react-app: how to use https instead of http?
  24. Disable ESLint that create-react-app provides
  25. how to set initial state in redux
  26. How do I see state when logging to the console instead of Proxy object inside reducer action?
  27. React Router work on reload, but not when clicking on a link
  28. create-react-app is not working since version 4.0.1
  29. create react app not picking up .env files?
  30. ‘React’ was used before it was defined

Leave a Comment