Mock service worker installed in the wrong place - why?

[binarykitchen]

Hello everyone,

Thanks for the helpful library.

Although I'm a bit stuck with this error

[MSW] Failed to register a Service Worker for scope ('https://localhost:8443/') with script ('https://localhost:8443/mockServiceWorker.js'): Service Worker script does not exist at the given path.

To reproduce,

1. git clone https://github.com/binarykitchen/videomail-recorder
2. npm install
3. npx msw init ./.storybook/public --save
4. npm run storybook

Bang, errors with:
Did you forget to run "npx msw init <PUBLIC_DIR>"?

I initialised it before with

npx msw init ./.storybook/public --save 

Still errors.

It's a component library without a public folder. That's why I've put the mock service worker in the storybook folder instead.

Advice welcome :)

[kettanaito]

Hi, @binarykitchen.

This sounds a lot like Storybook not serving the ./public directory. I believe that doesn't happen automatically. You have to configure it to serve that folder. You can learn more here Mocking Network Requests > The MSW add-on.

Note that you can also use the official add-on that has a tighter integration into Storybook.

[binarykitchen]

I think, I forgot to add staticDirs: ["./public"] in main.ts - now it works.