๐ซ
[MSW] Failed to register the Service Worker: Failed to register a ServiceWorker for scope ('http://localhost:3001/') with script ('http://localhost:3001/mockServiceWorker.js'): The script has an unsupported MIME type ('text/html'). at getWorkerInstance (getWorkerInstance.ts:85:1) at async startWorkerInstance (createStartHandler.ts:30:1)
MSW๋ผ๋ ๋ชจํน ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก ๋ชจ์ ์๋ฒ๋ฅผ ๊ตฌํํ๋ ์ค์ worker๋ฅผ ์คํํ๋ ค๊ณ ํ๋ฉด ์์ ๊ฐ์ ์๋ฌ๊ฐ ๋ฐ์ํ๋ค.
(index.tsx)
if (process.env.NODE_ENV === "development") {
const { worker } = require("./mocks/browser");
worker.start();
}
ํด๋น ์๋ฌ๋ ํ๋ก์ ํธ ๋ด์ mockServiceWorker.js ํ์ผ์ด ์๊ธฐ ๋๋ฌธ์ ๋ฐ์ํ ์๋ฌ์ด๋ค.
์๋ ๋ช
๋ น์ด๋ฅผ ์
๋ ฅํ์ฌ public ํด๋์ mockServiceWorker.js๋ฅผ ์์ฑํด์ฃผ์.
npx msw init public/
yarn npm msw init public/
public ํด๋๋ฅผ ํ์ธํด๋ณด๋ฉด ํด๋น ํ์ผ์ด ์์ฑ๋์ด ์์.
์ฝ์์์๋ MSW๊ฐ ์ ์์ ์ผ๋ก ์คํ๋๋ ๊ฒ์ ํ์ธํ ์ ์๋ค.