ReferenceError: __vite_ssr_import_1__ is not defined when a spec imports preact/compat

[molily]

Describe the bug

Hello, first of all, thank you for this great library!

I have an existing project that uses Vite, Preact and Jest. This worked fine so far with thanks to @preact/preset-vite. I’m currently adapting the specs to run them with vitest.

I have a simple Preact component that imports memo from preact/compat and a corresponding spec.

See
https://github.com/molily/vitest-test/blob/main/src/MemoMessage.jsx
https://github.com/molily/vitest-test/blob/main/src/MemoMessage.test.jsx

When running vitest, I get this error:

☀ npx vitest run

 RUN  /Users/molily/projekte/vitest-test

 √ src/Message.test.jsx (1)
 ❯ src/MemoMessage.test.jsx (0)

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Failed Suites 1 ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯

 FAIL  src/MemoMessage.test.jsx [ src/MemoMessage.test.jsx ]
ReferenceError: __vite_ssr_import_1__ is not defined
 ❯ node_modules/.pnpm/[email protected]/node_modules/preact/compat/dist/compat.module.js:9:712

 ❯ async directRequest file:/Users/molily/projekte/vitest-test/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/vitest/dist/worker.js:9487:5
 ❯ async cachedRequest file:/Users/molily/projekte/vitest-test/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/vitest/dist/worker.js:9516:12
 ❯ async src/MemoMessage.jsx:3:31
 ❯ async directRequest file:/Users/molily/projekte/vitest-test/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/vitest/dist/worker.js:9487:5
 ❯ async cachedRequest file:/Users/molily/projekte/vitest-test/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/vitest/dist/worker.js:9516:12
 ❯ async src/MemoMessage.test.jsx:7:31
 ❯ async directRequest file:/Users/molily/projekte/vitest-test/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/vitest/dist/worker.js:9487:5
 ❯ async cachedRequest file:/Users/molily/projekte/vitest-test/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/vitest/dist/worker.js:9516:12
 ❯ async collectTests node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/vitest/dist/entry.js:1342:7

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/1]⎯

Test Files  1 failed | 1 passed (2)
     Tests  1 passed (1)
      Time  1.41s (in thread 14ms, 10419.68%)

The component spec which does not include preact/compat passes (Message.test.jsx).

Any ideas why this happens with vitest while vite (dev and prod build) works fine?

My uneducated guess is that vitest clashes with the code transformations in @preact/preset-vite, including @prefresh/vite for HMR. I’ve copied @preact/preset-vite to remove prefresh. See vite-no-prefetch.config.js. But alas, vitest -c vite-no-prefetch.config.js throws the same error.

I’m happy to forward this problem to the Preact team if there is anything they can do.

Thank you very much! 💖

Reproduction

See:
https://github.com/molily/vitest-test

$ pnpm install
$ npx vitest run

System Info

System:
    OS: macOS 12.1
  Binaries:
    Node: 16.13.1 - /usr/local/Cellar/node@16/16.13.1/bin/node
    npm: 8.1.2 - /usr/local/Cellar/node@16/16.13.1/bin/npm
  npmPackages:
    vite: ^2.7.9 => 2.7.9
    vitest: ^0.0.122 => 0.0.122

Used Package Manager

pnpm

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.