Error when running msw in github-pages

[gaisdav]

Hi, I have error when running msw in my github-pages. I use create-react-app on my public repository.
link to gh-page: https://gaisdav.github.io/yul-yort-admin/#/login

Worker for scope ('https://gaisdav.github.io/') with script ('https://gaisdav.github.io/mockServiceWorker.js'): Service Worker script does not exist at the given path.

Did you forget to run "npx msw init <PUBLIC_DIR>"?

Screenshot of error:

Code, how I use msw on src/index.tsx

Maybe someone can help me?

[kettanaito]

Hey, @gaisdav.

As the error suggests, you need to serve the mockServiceWorker.js file from your website, even if it's a static GitHub page. You can find more info about that on this page. Once you do, the client-side part of the library will be able to register the worker script and enable mocking.

It's also worth mentioning that you rarely need API mocking in production. While you may use it for educational purposes, or for the purpose of mocking API calls on an otherwise static site, it's generally discouraged to deploy MSW to production. Just be cautious about this.

[gaisdav]

Hey, kettanaito.
Thanks for the reply, it seems that static files is in the yul-yort-admin directory. And msw looks for mockServiceWorker.js at the root.
Thank you for sharing the link, I will study further.

[gaisdav]

I found what was the problem.
It was necessary to write the correct path to the mockServiceWorker.js file.
I have attached a link to the documentation below.

https://mswjs.io/docs/getting-started/integrate/browser#using-homepage-property-in-packagejson

[kettanaito]

I'm glad you've resolved it! 🎉