help: nuxt devtools inspect tab not loading

[Neoniq]

📚 What are you trying to do?

Im trying to use inspect tab, but its not loading

error: _nuxt’s server IP address could not be found.

🔍 What have you tried?

add vite plugin through

import Inspect from 'vite-plugin-inspect'
and

  vite: {
    server: {
      fs: {
        allow: ['./']
      }
    },
    plugins: [Inspect()]
  }

in my nuxt.config.ts

ℹ️ Additional context

my config file

// https://nuxt.com/docs/api/configuration/nuxt-config
import { fileURLToPath } from 'url'
import Inspect from 'vite-plugin-inspect'
export default defineNuxtConfig({
  devtools: {
    enabled: true,

    timeline: {
      enabled: true
    }
  },

  debug: false,

  app: {
    pageTransition: { name: 'page', mode: 'out-in' },
    layoutTransition: { name: 'layout', mode: 'out-in' },
    head: {
      title: 'VDAShop',
      link: [{ rel: 'icon', type: 'image/png', href: '/favicon.png' }]
    }
  },

  modules: ['@pinia/nuxt', '@vueuse/nuxt', 'nuxt-primevue', 'nuxt-icon', 'vue-yandex-maps/nuxt'],

  nitro: {
    devProxy: {
      // '/api': {
      //   target: 'https://vda.wbest.org/api',
      //   changeOrigin: true
      // }
    }
  },

  runtimeConfig: {
    public: {
      domain: 'https://vda.wbest.org'
    }
  },

  yandexMaps: {
    apikey: 'c5272a2e-5152-4490-86de-c36f071f0ae8'
  },

  pinia: {
    storesDirs: ['@/shared/stores/**', '@/app/stores/**']
  },

  primevue: {
    importPT: {
      as: 'PrimeVuePreset',
      from: '@/app/presets/PrimeVuePreset.ts'
    },
    components: {
      prefix: 'Prime'
    },
    directives: {
      include: ['Badge']
    },
    options: {
      zIndex: {
        overlay: 1020
      }
    }
  },

  css: ['@/app/assets/scss/app.scss'],

  // routeRules: {
  //   'api.vk.com': {
  //     cors: true,
  //     proxy: 'api.vk.com'
  //   }
  // },

  srcDir: 'src/',

  components: {
    dirs: [
      { path: '@/shared/components/icons', global: true },
      '@/shared/components',
      '@/features',
      '@/widgets'
    ]
  },

  dir: {
    assets: `app/assets`,
    layouts: `app/layouts`,
    middleware: `app/middleware`,
    modules: `app/modules`,
    plugins: `app/plugins`,
    public: `app/public`,
    static: `app/static`,
    pages: `routes`
  },

  alias: {
    '@assets': fileURLToPath(new URL('./src/app/assets/', import.meta.url)),
    '@styles': fileURLToPath(new URL('./src/app/assets/scss/', import.meta.url)),
    '@public': fileURLToPath(new URL('./src/app/public/', import.meta.url))
  },

  vite: {
    server: {
      fs: {
        allow: ['./']
      }
    },
    plugins: [Inspect()]
  }
})

package.json

{
  "name": "vda-shop",
  "author": {
    "name": "Webest",
    "url": "https://webest.ru/"
  },
  "engines": {
    "node": "18.19.1"
  },
  "repository": {
    "url": "https://git.webest.ru/webest/frontend/nuxt.vda-shop.ru"
  },
  "private": true,
  "type": "module",
  "scripts": {
    "dev": "nuxt dev --host",
    "build": "nuxt build",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare",
    "stylelint:fix": "stylelint '**/*{.vue,.scss}' --fix",
    "cache:clean": "pnpm store prune"
  },
  "devDependencies": {
    "@nuxt/devtools": "latest",
    "@nuxtjs/eslint-config-typescript": "^12.1.0",
    "@typescript-eslint/parser": "^6.13.2",
    "@vueuse/core": "^10.9.0",
    "@vueuse/nuxt": "^10.9.0",
    "eslint": "^8.55.0",
    "eslint-config-prettier": "^9.1.0",
    "eslint-plugin-prettier": "^5.0.1",
    "nuxt": "^3.11.2",
    "nuxt-icon": "^0.6.10",
    "nuxt-primevue": "^0.3.1",
    "prettier": "^3.1.0",
    "sass": "^1.72.0",
    "typescript": "^5.3.2",
    "vite-plugin-inspect": "^0.8.4",
    "vue": "^3.4.21",
    "vue-router": "^4.2.5"
  },
  "dependencies": {
    "-": "^0.0.1",
    "@nuxtjs/stylelint-module": "^5.2.0",
    "@nuxtjs/svg-sprite": "^1.0.2",
    "@pinia/nuxt": "^0.5.1",
    "@vueuse/components": "^10.9.0",
    "@yandex/ymaps3-types": "^0.0.24",
    "normalize.css": "^8.0.1",
    "pinia": "^2.1.7",
    "primevue": "^3.52.0",
    "swiper": "^10.3.1",
    "vue-dompurify-html": "^5.0.1",
    "vue-yandex-maps": "^2.1.2"
  }
}

[antfu]

Can you help narrow it down to a minimal reproduction? Thank you.