NextJS - Cannot read properties of undefined (reading 'listen')

[kevinstark86]

Prerequisites

• I confirm my issue is not in the opened issues
• I confirm the Frequently Asked Questions didn't contain the answer to my issue

Environment check

• I'm using the latest msw version
• I'm using Node.js version 14 or higher

Node.js version

v18.13.0

Reproduction repository

https://github.com/kevinstark86/smiley

Reproduction steps

npm install
npm run dev

Current behavior

Unable to call the correct msw setup using server.listen() or worker.start()

Throws an error saying "TypeError: Cannot read properties of undefined (reading 'listen')

I have followed issue #1227 which suggests that something is forcing the modules to be important asynchronously. The solution given in issue #1227 was to async await import server and worker. However, this has not resolved the problem.

Expected behavior

I expect the correct MSW setup to be called.

[kettanaito]

Hi, @kevinstark86. Thanks for reporting this.

It looks like there's no exported property server from the ./server module. Can you show me what's the content of that module?

It also seems that the Next.js team recommends using import since require statements won't be tree-shaken and MSW will, inevitably, end up in your production bundle even if you enable it conditionally. Please try switching to await import('./server'), that has to help.

If it doesn't, inspect the exported object from those modules and see what may be wrong:

const obj = await import('./server')
console.log(obj) // what keys are here? 

[kettanaito]

Also, if encountering issues with Next 13, please follow #1644 where we track the progress of supporting the App directory. Thanks.