MSW (Mock Service Worker) + Vite: Uncaught ReferenceError: require is not defined

Question

I'm installing the service following the steps at the official docs: https://mswjs.io/docs/getting-started/install

This piece of code:

if (process.env.NODE_ENV === 'development') {
  const { worker } = require('../tests/mocks/browser');
  worker.start();
}

Uncaught ReferenceError: require is not defined

I've setup the project using Vite. What's the correct approach to solving this.

score 6 · Accepted Answer · answered Mar 07 '23 at 13:11

6

Vite does not use require, try to use import instead:

if (process.env.NODE_ENV === 'development') {
  const { worker } = await import('../tests/mocks/browser');
  worker.start();
}

Source (albeit another issue, but works here as well): https://github.com/vitejs/vite/issues/3409#issuecomment-841049875

answered Mar 07 '23 at 13:11

hogreflector

178
1
10

1

Works fine to me. await and import instead of require. – moropeza May 10 '23 at 18:33

MSW (Mock Service Worker) + Vite: Uncaught ReferenceError: require is not defined

1 Answers1