msw: No known conditions for "./browser" specifier in "msw" package..

[bogdan0083]

Hey guys! Did anyone try to setup msw to mock api? I'm setting it up inside plugins:

// ~/plugins/msw.ts

export default defineNuxtPlugin(async (nuxtApp) => {
  if (import.meta.server) {
    console.log('setting up msw server...')
    const server = (await import('~/mocks/node')).server
    server.listen()
    console.log('msw server listening...')
  }
  if (import.meta.client) {
    console.log('setting up msw worker...')
    const { worker } = await import('~/mocks/browser')
    await worker.start()
    console.log('msw worker started...')
  }
})

*In dev enviroment (npm run dev) it works just fine. I'm receiving mocked data without a problem on the server and on the client (when navigating between the routes)

But it doesn't work for e2e tests. Here an example:

// ~/tests/e2e/articles.test.ts
// @vitest-environment nuxt
import { describe, expect, it } from 'vitest'
import { createPage, setup } from '@nuxt/test-utils/e2e'

describe('articles', async () => {
  await setup ({
  })
  describe('unauthenticated', () => {
    it('should display list of articles', async () => {
      const page = await createPage('/')

      await page.waitForSelector('.article-preview', { timeout: 10000 })

      const articles = await page.$$('.article-preview')

      expect(articles).toHaveLength(10)
    })
  })
})

This test throws the error [nuxt] error caught during app initialization Error: No known conditions for "./browser" specifier in "msw" package... For some reason when nuxt server is set up it executes the client clause: if (import.meta.client), but the clauseimport.meta.server is not detected.

How can I make nuxt server in test mode take import.meta.client and import.meta.server into consideration?

Thank you!