Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

There is no graph or viteinspect in the use of Electron

未关闭
#995 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 2 天内回复

还没有人认领这个 Issue。

评估

难度
4/5
预计耗时
3-5 天
新手友好度
35/100
Issue 类型
缺陷
描述清晰度
需要澄清
活跃度
停滞
技术栈
electron, typescript, vite
领域
desktop, devtools

调研方向

先使用所示的 package.json 依赖项和 Electron Forge Vite 设置重现该问题,然后将其与 pnpm 创建的 Vue Vite 项目进行比较,后者会显示 graph 和 vite-inspect。确定这些面板在 Electron 中缺失的原因,并验证预期的 graph 和 vite-inspect 输出可用,且不会出现所报告的控制台错误。

由索引模型根据 Issue 内容生成。

描述

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": "[email protected]"
   },
   "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"
   }
}

主要语言
TypeScript
星标
2.9k
派生
289
平均合并
2 天 48 分钟
30 天内合并 PR
19

环境准备

这个项目没有提供开发容器、Dockerfile 或贡献指南,环境需要你自己搭建:先看它的 README,通用步骤见我们的新手贡献指南。

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

vuejs/devtools 的其他 Issue

查看 vuejs/devtools 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。