Error running test with mountSuspended.

[Guilherme-px]

Hello, I installed Vitest and nuxt/test-utils as stated in the documentation, but when running a simple test, like expecting a sum to have a certain result, the test runs without issues. However, when I import mountSuspended and run the test calling it, I receive the error: error: Cannot find package '#imports' from 'D:\projects\barberShop\b2c-app\node_modules@nuxt\test-utils\dist\runtime-utils\index.mjs'.

The test file is named as in the documentation, my-file.nuxt.test.ts, and I am also using the same test as in the example. Still, I keep receiving this error when running the test. I removed and reinstalled the packages, but nothing resolves the issue. My files are as follows:

import { it, expect } from "vitest";
// ---cut---
// tests/components/SomeComponents.nuxt.spec.ts
import { mountSuspended } from "@nuxt/test-utils/runtime";
import App from "~/app.vue";

// tests/App.nuxt.spec.ts
it("can also mount an app", async () => {
    const component = await mountSuspended(App, { route: "/test" });
    expect(component.html()).toMatchInlineSnapshot(`
      "<div>This is an auto-imported component</div>
      <div> I am a global component </div>
      <div>/</div>
      <a href="/test"> Test link </a>"
    `);
});

//nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
    compatibilityDate: "2024-07-27",
    devtools: { enabled: true },
    modules: [
        "@nuxt/test-utils/module",
        "nuxt-quasar-ui",
        "@pinia/nuxt",
        "@pinia-plugin-persistedstate/nuxt",
        "@nuxt/icon",
    ],
    pinia: {
        storesDirs: ["./stores/**"],
    },
    css: ["@quasar/extras/material-icons/material-icons.css"],
    build: {
        transpile: ["quasar"],
    },
    quasar: {
        iconSet: "material-icons",
    },
    runtimeConfig: {
        public: {
            apiBase: process.env.API_BASE_URL,
        },
    },
});

//vitest.config.ts

import { defineVitestConfig } from "@nuxt/test-utils/config";

export default defineVitestConfig({
    test: {
        environment: "nuxt",
        environmentOptions: {
            nuxt: {
                domEnvironment: "happy-dom",
            },
        },
    },
});

and my package.json

{
    "name": "nuxt-app",
    "private": true,
    "type": "module",
    "scripts": {
        "build": "nuxt build",
        "dev": "nuxt dev",
        "generate": "nuxt generate",
        "preview": "nuxt preview",
        "postinstall": "nuxt prepare",
        "test": "vitest"
    },
    "dependencies": {
        "@nuxt/ui": "^2.18.7",
        "@pinia-plugin-persistedstate/nuxt": "^1.2.1",
        "@pinia/nuxt": "^0.5.5",
        "@quasar/extras": "^1.16.12",
        "nuxt": "^3.12.4",
        "nuxt-quasar-ui": "^2.1.4",
        "quasar": "^2.16.9",
        "vue": "latest"
    },
    "overrides": {
        "vue": "latest"
    },
    "devDependencies": {
        "@nuxt/test-utils": "^3.14.3",
        "@vue/test-utils": "^2.4.6",
        "happy-dom": "^15.7.4",
        "playwright-core": "^1.48.0",
        "vitest": "^2.1.2"
    }
}