vuejs / vuejs/devtools

There is no graph or viteinspect in the use of Electron

Open
#995 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
2.9k
Forks
279
PR merge metrics
No merged PRs in 30d

Description

In the pnpm create vite (vue) scaffolding project, when I

pnpm add vite-plugin-vue-devtools -D

and

import vueDevTools from 'vite-plugin-vue-devtools';
export default defineConfig({
   plugins: [
   +  vueDevTools()
   ],
})

this result is:

so this is result is correct.
but Unfortunately, when I used the same method in Electron, the result was as follows:

Image it no have graph and vite-inspect. and appear ```bash 08:44:34 [@electron-forge/plugin-vite] target built src/preload/index.ts 08:44:34 [@electron-forge/plugin-vite] target built src/main/index.ts

[5608:1106/084435.422:ERROR:CONSOLE:1] "Request Autofill.enable failed. {"code":-32601,"message":"'Autofill.enable' wasn't found"}", source: devtools://devtools/bundled/core/protocol_client/protocol_client.js (1)
[5608:1106/084435.422:ERROR:CONSOLE:1] "Request Autofill.setAddresses failed. {"code":-32601,"message":"'Autofill.setAddresses' wasn't found"}", source: devtools://devtools/bundled/core/protocol_client/protocol_client.js (1)

I have provided a packaging.json file, which is the related dependency that I downloaded. for here:
```json
{
   "name": "my-electron-app",
   "productName": "my-electron-app",
   "version": "1.0.0",
   "description": "My Electron application description",
   "main": ".vite/build/main.js",
   "scripts": {
      "start": "electron-forge start",
      "dev": "chcp 65001 &&  electron-forge start",
      "package": "electron-forge package",
      "make": "electron-forge make",
      "publish": "electron-forge publish",
      "lint": "eslint --ext .ts .",
      "format": "prettier --write ."
   },
   "keywords": [],
   "author": {
      "name": "TTT1231",
      "email": "1799405509@qq.com"
   },
   "license": "MIT",
   "devDependencies": {
      "@electron-forge/cli": "^7.10.2",
      "@electron-forge/maker-deb": "^7.10.2",
      "@electron-forge/maker-rpm": "^7.10.2",
      "@electron-forge/maker-squirrel": "^7.10.2",
      "@electron-forge/maker-zip": "^7.10.2",
      "@electron-forge/plugin-auto-unpack-natives": "^7.10.2",
      "@electron-forge/plugin-fuses": "^7.10.2",
      "@electron-forge/plugin-vite": "^7.10.2",
      "@electron/fuses": "^1.8.0",
      "@types/electron-squirrel-startup": "^1.0.2",
      "@types/node": "^24.9.1",
      "@typescript-eslint/eslint-plugin": "^8.46.2",
      "@typescript-eslint/parser": "^8.46.2",
      "@vitejs/plugin-vue": "^6.0.1",
      "@vue/tsconfig": "^0.8.1",
      "electron": "39.0.0",
      "eslint": "^9.38.0",
      "eslint-config-prettier": "^10.1.8",
      "eslint-import-resolver-typescript": "^4.4.4",
      "eslint-plugin-import": "^2.32.0",
      "eslint-plugin-prettier": "^5.5.4",
      "prettier": "^3.6.2",
      "typescript": "~5.9.3",
      "typescript-eslint": "^8.46.2",
      "unplugin-vue-components": "^30.0.0",
      "vite": "^7.1.12",
      "vite-plugin-vue-devtools": "^8.0.3",
      "vue-eslint-parser": "^10.2.0"
   },
   "dependencies": {
      "@tailwindcss/vite": "^4.1.16",
      "ant-design-vue": "^4.2.6",
      "electron-squirrel-startup": "^1.0.1",
      "tailwindcss": "^4.1.16",
      "vue": "^3.5.22",
      "vue-tsc": "^3.1.2"
   }
}

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the issue with the shown package.json dependencies and Electron Forge Vite setup, then compare it with the pnpm-created Vue Vite project where the graph and vite-inspect appear. Determine why those panels are absent in Electron and verify that the expected graph and vite-inspect output are available without the reported console errors.

Written by the indexing model from the issue text.

Assessment

Tech stack
electron, typescript, vite
Domain
desktop, devtools
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.