devtools document is not defined

[cannap]

no idea why this happens normal tests are running :D
thanks for this module

 recipes  npx envinfo --system  --binaries --browser --npmPackages                                                                                                      

  System:
    OS: Windows 10 10.0.22621
    CPU: (6) x64 Intel(R) Core(TM) i5-8600K CPU @ 3.60GHz
    Memory: 3.25 GB / 15.94 GB
  Binaries:
    Node: 16.14.2 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.10 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 8.5.0 - C:\Program Files\nodejs\npm.CMD
  npmPackages:
    @next-auth/prisma-adapter: ^1.0.5 => 1.0.5 
    @nuxt/devtools: ^0.1.5 => 0.1.5 
    @nuxt/image-edge: 1.0.0-27919678.2f5b64b => 1.0.0-27919678.2f5b64b 
    @nuxt/test-utils: ^3.2.2 => 3.2.2 
    @nuxtjs/color-mode: ^3.2.0 => 3.2.0 
    @nuxtjs/eslint-config-typescript: ^12.0.0 => 12.0.0 
    @nuxtjs/i18n-edge:  8.0.0-beta.9-27948515.3db6367 
    @nuxtjs/tailwindcss: ^6.4.1 => 6.4.1 
    @pinia/nuxt: ^0.4.7 => 0.4.7 
    @prisma/client: ^4.10.1 => 4.10.1 
    @sidebase/nuxt-auth: 0.4.2 => 0.4.2
    @tailwindcss/forms: ^0.5.3 => 0.5.3
    @trpc/client: ^10.12.0 => 10.12.0
    @trpc/server: ^10.12.0 => 10.12.0
    @types/node: ^18.14.0 => 18.14.0
    @vitejs/plugin-vue: ^4.0.0 => 4.0.0
    @vitest/coverage-c8: ^0.28.5 => 0.28.5
    @vue-macros/nuxt: ^1.1.2 => 1.1.2
    @vue/test-utils: ^2.3.0 => 2.3.0
    @vueuse/core: ^9.13.0 => 9.13.0
    @vueuse/nuxt: ^9.13.0 => 9.13.0
    browser-fs-access: ^0.32.1 => 0.32.1
    class-variance-authority: ^0.4.0 => 0.4.0
    dotenv: ^16.0.3 => 16.0.3
    eslint: ^8.34.0 => 8.34.0
    floating-vue: 2.0.0-beta.20 => 2.0.0-beta.20
    jsdom: ^21.1.0 => 21.1.0
    nanoid: ^4.0.1 => 4.0.1
    next-auth: 4.19.2 => 4.19.2
    node-ts: ^5.1.2 => 5.1.2
    nuxt-icon: ^0.3.2 => 0.3.2
    nuxt-vitest: ^0.6.6 => 0.6.6
    nuxt3:  3.2.3-rc.0-27949872.7479d46
    pinia: ^2.0.32 => 2.0.32
    prisma: ^4.10.1 => 4.10.1
    sass: ^1.58.3 => 1.58.3
    slugify: ^1.6.5 => 1.6.5
    superjson: ^1.12.2 => 1.12.2
    trpc-nuxt: ^0.7.0 => 0.7.0
    trpc-panel: ^1.2.8 => 1.2.8
    ts-node: ^10.9.1 => 10.9.1
    typescript: ^4.9.5 => 4.9.5
    vee-validate: ^4.7.4 => 4.7.4
    vitest: ^0.28.5 => 0.28.5
    vue-tsc: ^1.1.7 => 1.1.7
    zod: ^3.20.6 => 3.20.6

repo: https://github.com/cannap/recipes

Upvote & Fund

• We're using Polar.sh so you can upvote and help fund this issue.
• We receive the funding once the issue is completed & confirmed by you.
• Thank you in advance for helping prioritize & fund our backlog.

[danielroe]

Is this still happening for you?

[cannap]

Hi yes,
updated deps today

• @vue/test-utils 2.3.0

• @vue/test-utils 2.3.1

• nuxt-vitest 0.6.6

• nuxt-vitest 0.6.7

[cannap]

Hi, sry for late response but i have now

when i click on it "Cannot GET /_nuxt/vitest/"

• Operating System: Windows_NT
• Node Version: v20.3.1
• Nuxt Version: 3.6.1
• Nitro Version: 2.5.1
• Package Manager: pnpm@8.4.0
• Builder: vite
• User Config: vite, css, postcss, app, experimental, modules
• Runtime Modules: @nuxt/devtools@0.6.4, nuxt-icon@0.4.1, @vueuse/nuxt@10.2.0, nuxt-vitest@0.8.5, @sidebase/nuxt-auth@0.6.0-beta.3
• Build Modules: -

---

[danielroe]

Would you provide a reproduction? 🙏

[cannap]

Would you provide a reproduction? 🙏

i will do today asap my current project has too much deps will create a new one

//e ok after a restart i got back to the old "doument is not deffined" error

[cannap]

ok found something new

// @vitest-environment nuxt
when i add this to the file it works but i have set

it will not work

i have now a call after the call i will create a repo

[cannap]

So here i forgot to add Vitest but here is the repo with the error

 
 https://github.com/cannap/nuxt-vitest-eyy8wd
 
 npx vitest --ui
 works fine

[danielroe]

you'll need to disable devtools on stackblitz

[cannap]

the problem is inside the devtools :D

when i add this to the test file "// @vitest-environment nuxt" it works in devtools