PWA not working: No matching service worker detected. you may need to reload the page or check that the scope of the service worker for the current page encloses the scope and start url from the manifest

[manuthecoder]

Summary

The "Install" button isn't appearing. I tried with and without incognito, but I still get the same result

Versions

• next-pwa: ^5.5.4
• next: ^12.1.6

Expected Behaviors

Just like a PWA, it should appear somewhat like this:

Additional Context

My next.config.js:

/** @type {import('next').NextConfig} */
const withTM = require("next-transpile-modules")([
  "@fullcalendar/common",
  "@babel/preset-react",
  "@fullcalendar/common",
  "@fullcalendar/daygrid",
  "@fullcalendar/interaction",
  "@fullcalendar/react",
  "@fullcalendar/timegrid",
]);

const withPlugins = require("next-compose-plugins");
const withPWA = require("next-pwa");

module.exports = withPlugins(
  [
    [
      withTM(),
      withPWA({
        pwa: {
          dest: "public"
        }
      })
    ]
  ],
  {
    reactStrictMode: true,
    async redirects() {
      return [
        {
          source: "/",
          destination: "/dashboard",
          permanent: true
        }
      ];
    }
  }
);

• Yes, I have a correct link to the manifest in the element

[manuthecoder]

Never mind, I fixed it by removing some other plugins which were interfering with the PWA