Skip to content

Version 8.0.4 seems to be missing some types #1007

@gravity00

Description

@gravity00

Hello,

I was doing an npm upgrade to an application we just started developing and it seems the version 8.0.4 of vite-plugin-vue-devtools released about one hour ago is missing some typings so I'm having compilation errors on my vite.config.ts file.

vite.config.ts:6:25 - error TS7016: Could not find a declaration file for module 'vite-plugin-vue-devtools'. 'C:/Dev/......./fe/node_modules/vite-plugin-vue-devtools/dist/vite.js' implicitly has an 'any' type.
  Try `npm i --save-dev @types/vite-plugin-vue-devtools` if it exists or add a new declaration (.d.ts) file containing `declare module 'vite-plugin-vue-devtools';`

6 import vueDevTools from 'vite-plugin-vue-devtools';
                          ~~~~~~~~~~~~~~~~~~~~~~~~~~

vite v7.2.2 building client environment for production...

Found 1 error.

ERROR: "type-check" exited with 2.

Downgrading to version 8.0.3 fixes the problem.

Here's the package.json file:

{
  "name": "fe",
  "version": "0.0.0",
  "private": true,
  "type": "module",
  "engines": {
    "node": "^20.19.0 || >=22.12.0"
  },
  "scripts": {
    "dev": "vite",
    "build": "run-p type-check \"build-only {@}\" --",
    "preview": "vite preview",
    "build-only": "vite build",
    "type-check": "vue-tsc --build",
    "lint": "eslint . --fix --cache",
    "format": "prettier --write src/",
    "cleanup": "run-p format lint"
  },
  "dependencies": {
    "@primeuix/themes": "^1.2.5",
    "@primevue/forms": "^4.4.1",
    "axios": "^1.13.1",
    "js-cookie": "^3.0.5",
    "jwt-decode": "^4.0.0",
    "lodash": "^4.17.21",
    "luxon": "^3.7.2",
    "pinia": "^3.0.3",
    "primeicons": "^7.0.0",
    "primevue": "^4.4.1",
    "qs": "^6.14.0",
    "tailwindcss": "^4.1.16",
    "tailwindcss-primeui": "^0.6.1",
    "vue": "^3.5.22",
    "vue-router": "^4.6.3",
    "zod": "^4.1.12"
  },
  "devDependencies": {
    "@primevue/auto-import-resolver": "^4.4.1",
    "@tailwindcss/vite": "^4.1.16",
    "@tsconfig/node22": "^22.0.2",
    "@types/js-cookie": "^3.0.6",
    "@types/lodash": "^4.17.20",
    "@types/luxon": "^3.7.1",
    "@types/node": "^22.18.11",
    "@types/qs": "^6.14.0",
    "@vitejs/plugin-vue": "^6.0.1",
    "@vitejs/plugin-vue-jsx": "^5.1.1",
    "@vue/eslint-config-prettier": "^10.2.0",
    "@vue/eslint-config-typescript": "^14.6.0",
    "@vue/tsconfig": "^0.8.1",
    "eslint": "^9.37.0",
    "eslint-plugin-vue": "^10.5.0",
    "jiti": "^2.6.1",
    "npm-run-all2": "^8.0.4",
    "prettier": "^3.6.2",
    "swagger-typescript-api": "^13.2.16",
    "typescript": "^5.9.0",
    "unplugin-vue-components": "^30.0.0",
    "vite": "^7.1.11",
    "vite-plugin-mkcert": "^1.17.9",
    "vite-plugin-vue-devtools": "^8.0.3",
    "vue-tsc": "^3.1.1"
  }
}

And vite.config.ts file:

import { fileURLToPath, URL } from 'node:url';

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';
import vueDevTools from 'vite-plugin-vue-devtools';
import Components from 'unplugin-vue-components/vite';
import { PrimeVueResolver } from '@primevue/auto-import-resolver';
import mkcert from 'vite-plugin-mkcert';
import tailwindcss from '@tailwindcss/vite';

// https://vite.dev/config/
export default defineConfig({
  server: {
    proxy: {
      '/api': {
        target: 'https://localhost:44381',
        secure: false,
      },
    },
  },
  plugins: [
    mkcert(),
    vue(),
    vueJsx(),
    Components({
      resolvers: [PrimeVueResolver()],
    }),
    vueDevTools(),
    tailwindcss(),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),
    },
  },
});

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions