electron中本地添加vue-dev-tool

Question

在使用vue3+electron创建项目后，我希望在项目中能够打开vueDevtool，按照下述的方式进行引入后，在控制台界面没有显示vue的开发者工具，是什么原因？实在找不到原因。

引入代码：

electron版本：

浏览器开发者工具页面：

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

根据你提供的代码和描述，看起来你在尝试在 Electron 应用中集成 Vue Devtools。根据你提供的图片和描述，这里有几个可能的问题和解决方案：

1. Electron 版本问题：请确认你的 Electron 版本是否与 Vue Devtools 兼容。Vue Devtools 可能不支持所有版本的 Electron，你需要确保你使用的版本是兼容的。
2. 加载 Vue Devtools 的方式：在 Electron 中加载 Vue Devtools 需要特定的方式。通常，你需要使用 session.defaultSession.loadExtension 方法来加载 devtools 的扩展。请检查你的代码，确认这一步是否正确执行。 3 错误的路径：确认你提供的 Vue Devtools 的路径是否正确。路径错误可能导致无法加载 Devtools。请检查路径是否正确指向了 Vue Devtools 的位置。
3. 安全警告：你收到的安全警告可能是由于你的 Electron 应用在开发模式下禁用了某些安全设置（如 webSecurity 和 Content Security Policy）。这些设置是为了保护用户的安全，但在开发环境中可能会干扰开发过程。在生产版本的包中，这些警告应该会消失。然而，如果你在生产环境中也收到这些警告，那么你可能需要调整你的安全设置或确保你的应用遵循最佳安全实践。

关于你的代码片段和图片内容过多的问题，为了更好地理解和解决你的问题，我需要你提供一份更清晰、更具体的代码和问题描述。你可以将代码和问题描述整理成一个文本格式，并明确指出你遇到的问题和期望的结果。这样我可以更准确地帮助你解决问题。同时，关于 Electron 和 Vue 的相关问题和代码，还可以提供更多关于项目配置和你的开发环境的详细信息，这有助于定位问题。