0
401
ViewsNot getting service worker with create-react-app
lately, I have create two react application and in both of them the service worker is not present instead a new file is generated i.e 'reportWebVitals.js'.
Here is my folder structure of src after creating new app.
Also, if we check on running the app, the browser says that 'No matching service worker detected'
4 answers
Answer question0
If you have already existing project and you want to migrate to the new versions of CRA, you can follow this steps:
1 Create somewhere on your computer a new CRA with the service worker template:
npx create-react-app my-app --template cra-template-pwa
2 Copy the service-worker.js from the new created app into your src directory
3 Copy the "workbox-*" dependencies from the package.json into your package.json dependencies
4 (Optional) If you want web-vitals, copy the web-vitals dependency from package.json into your package.json
and don't forget to run again 'yarn install' or 'npm install'
Thats it
0
Thanks @jonrsharpe So, CRA does not give support for service worker directly with default installation command as developer may not be making the application as PWA. So, they decided to keep it optional. Like me, if you anyone else want to install service worker while creating a new app, Prefer:
npx create-react-app my-app --template cra-template-pwa
instead of default npx create-react-app my-app.
Hence, for more yo can refer to https://create-react-app.dev/docs/making-a-progressive-web-app/
0
run this command "npx create-react-app your-app-name --template cra-template-pwa" instead of "npx create-react-app your-app-name"
0
you need to run this command
npx create-react-app your-app-name --template cra-template-pwa
instead of
npx create-react-app your-app-name