Vitest browser mode tests do not run when using workspaces

[jaa134]

Describe the bug

I have a monorepo and I am taking advantage of Vitest workspaces. One workspace uses browser mode and another workspace does not. When I run tests from the project root, the normal tests run fine, but the process stalls when the browser tests run. The browser tests never execute and the process hangs indefinitely. However, if I run the tests from the individual workspaces instead of the project root, then the tests always execute and succeed.

Reproduction

Here is a link to a minimal reproduction StackBlitz: https://stackblitz.com/edit/vitest-browser-mode-bug?file=README.md

System Info

- pnpm: v8.4.0
- vitest: ^0.31.0
- playwright: ^1.33.0
- pnpm workspaces
- vitest workspaces

System:
    OS: macOS 11.6
    CPU: (16) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 1.15 GB / 32.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 18.14.2 - ~/.nvm/versions/node/v18.14.2/bin/node
    npm: 9.5.0 - ~/.nvm/versions/node/v18.14.2/bin/npm
  Browsers:
    Chrome: 113.0.5672.92
    Firefox: 111.0
    Safari: 14.1.2

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.

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• vitest-browser-mode-bug (Open reproduction)

[drewlyton]

👋 Hey, I know this was closed, but I'm still seeing a similar error with pnpm on v0.31.1

SyntaxError: The requested module '/@fs/Users/drew/Projects/framecrafter/node_modules/.pnpm/pretty-format@27.5.1/node_modules/pretty-format/build/index.js?v=8c92f7e1' does not provide an export named '__vi_inject__'

EDIT
I installed @vitest/utils as a devDependency and am now getting this error:

SyntaxError: The requested module '/node_modules/.vite/deps/@vitest_utils___pretty-format.js?v=e9c53d4f' does not provide an export named 'default'
This error originated in "src/lib/MP4Demuxer.test.ts" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.

This is my browser mode configuration

 browser: {
      enabled: true,
      headless: true,
      name: "chromium",
      provider: "playwright",
    },

[christophe-g]

@drewlyton - do you have by any chance a package.json file or node_modules folder in your public folder ? This was creating similar problems for me, even under v0.31.1

[drewlyton]

@christophe-g thanks for commenting! No, I do not have anything other than media files in my public folder.

Also I think #3434 is the same issue (or similar) as mine 👍