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.
PWA not working in production
See original GitHub issueWhat version of Next.js are you using?
12.0.1
What version of Node.js are you using?
14.17.4
What browser are you using?
Chrome
What operating system are you using?
Windows
How are you deploying your application?
Vercel
Describe the Bug
I implemented PWA using next-pwa in my application, and went through all the necessary steps. ( creating service worker, next-config file, etc ). Everything looks fine in development - “Install app” option pops up . But in production it just seems to disappear, and not even shows the install option
Expected Behavior
PWA pop-up should both appear in development as well as in production.
To Reproduce
- Install
next-pwa - Generate manifest ( using Simicart ).
- Creating
_document.jsand adding the necessary links.
import Document, { Html, Head, Main, NextScript } from "next/document";
class MyDocument extends Document {
render() {
return (
<Html>
<Head>
<link rel="manifest" href="/manifest.json" />
<link rel="apple-touch-icon" href="/icon.png"></link>
<meta name="theme-color" content="#fff" />
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
}
export default MyDocument;
- Configure next-config file
const withPWA = require("next-pwa");
module.exports = withPWA({
pwa: {
dest: "public",
register: true,
skipWaiting: true,
},
});
- Add following to
.gitginore
# PWA files
**/public/sw.js
**/public/workbox-*.js
**/public/worker-*.js
**/public/sw.js.map
**/public/workbox-*.js.map
**/public/worker-*.js.map
Also followed according to Nextjs pwa example
For more details visit this repo
Screenshots from Chrome dev tools -
Production link - https://adaalat.vercel.app
Issue Analytics
- State:
- Created 2 years ago
- Reactions:7
- Comments:22 (3 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
Working on this.
This config saves me
https://github.com/shadowwalker/next-pwa/issues/295#issuecomment-972302942