Strict MIME type checking error with workbox

[tacman]

Version(s) affected

1.2

Description

I get the following error on production but not in dev

failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "application/octet-stream". Strict MIME type checking is enforced for module scripts per HTML spec.

How to reproduce

Look at the console log in https://noise.survos.com/

Repo is at https://github.com/survos-sites/noise, but running in dev it works okay, and it even works okay running in prod locally.

Possible Solution

The error is here:

<script type="module" >
  import {Workbox} from '/workbox/workbox-window.prod.mjs';
  if ('serviceWorker' in navigator) {
    const wb = new Workbox('/sw.js', {scope: '/', useCache: true});
    wb.register();
    window.workbox = wb;
  }
</script>

Perhaps related to skip_waiting?

Additional Context

This was the first project I did with pwa-bundle, from 1.0, so it's possible that pwa.yaml isn't configured to 1.2 standards.

[Spomky]

Hi,

I got a similar issue in the past with nginx.
This can be fixed from the server config. See storybookjs/storybook#20157 (comment) for example.

[tacman]

Indeed, that worked, thanks!

I wonder if the docs could have a section called "Troubleshooting" which included these kind of issues.

[github-actions]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.