Error: This module cannot be imported in the Vue part of your app

[AlbertBrand]

Environment

• Operating System: Linux
• Node Version: v18.18.0
• Nuxt Version: 3.9.3
• CLI Version: 3.10.0
• Nitro Version: 2.8.1
• Package Manager: npm@10.2.3
• Builder: -
• User Config: devtools, modules
• Runtime Modules: @nuxt/test-utils/module@3.11.0
• Build Modules: -

Reproduction

https://stackblitz.com/edit/github-3etpwp?file=package.json

Describe the bug

If you have test files in your pages folder importing @nuxt/test-utils/runtime, the following error pops up when starting the project

ERROR  This module cannot be imported in the Vue part of your app. [importing @nuxt/test-utils/runtime from pages/<testname>.ts]

The error does not seem to have effect on the app startup itself (it's probably more a warning).

The error goes away when moving the test out of the pages folder.

Additional context

No response

Logs

No response

[wattanx]

It seems that .nuxtignore can be used to avoid this.
https://nuxt.com/docs/guide/directory-structure/nuxtignore

// .nuxtignore
pages/*.nuxt.spec.ts

[danielroe]

The reproduction runs fine at the moment - and I think this would have been a (now-resolved) Nuxt bug: see https://github.com/nuxt/nuxt/blob/main/packages/schema/src/config/common.ts#L480.

If you still experience it, please do open a new issue on https://github.com/nuxt/nuxt/issues. 🙏

[ineshbose]

I'm writing e2e tests based on different routes and hitting this with tests, while dev works absolutely fine.

The above .nuxtignore is a workaround, but I'm hoping to get an insight on why setup may be causing this while dev server is fine 🙏

https://stackblitz.com/edit/github-8s1ntmri