解决electron安装vue-devtools问题
app.on("ready", async () => {
if (isDevelopment && !process.env.IS_TEST) {
// Install Vue Devtools
try {
await installExtension(VUEJS_DEVTOOLS);
} catch (e) {
console.error("Vue Devtools failed to install:", e.toString());
}
}
createWindow();
});
在background.js中使用以上代码安装vue-devtools时,程序正常运行,但控制台报警告,vue-devtools也没有显示出来。
警告信息:
ExtensionLoadWarning: Warnings loading extension at C:\Users\iaa00\AppData\Roaming\gaeabacktest\extensions\ljjemllljcmogpfapbkkighbhhppjdbg:
Unrecognized manifest key 'browser_action'.
Unrecognized manifest key 'update_url'.
Permission 'contextMenus' is unknown or URL pattern is malformed.
Cannot load extension with file or directory name _metadata. Filenames starting with "_" are reserved for use by the system.
解决vue-devtools不显示问题(参考链接),上述代码修改如下:
app.on('ready', async () => {
if (isDevelopment && !process.env.IS_TEST) {
// Install Vue Devtools
try {
var vue_devtools_beta = { id: "ljjemllljcmogpfapbkkighbhhppjdbg", electron: ">=1.2.1" }
var result = await installExtension(vue_devtools_beta)
if (result) {
console.log("success load : " + result)
}
} catch (e) {
console.error('Vue Devtools failed to install:', e.toString())
}
}
// 创建窗体
createWindow()
})
解决控制台警告信息:
根据 Warnings loading extension at 后面的目录地址找到manifest.json文件:
根据警告信息,分别将以下三项(图中红框)删除。
重启项目上述警告信息就没了,但是还剩下这条警告:
Cannot load extension with file or directory name _metadata. Filenames starting with "_" are reserved for use by the system.
解决:
回到上一步中manifest.json的上一层目录,将 ljjemllljcmogpfapbkkighbhhppjdbg.crx 的后缀名改成 rar,然后解压并覆盖已有目录,然后进入ljjemllljcmogpfapbkkighbhhppjdbg目录,将文件夹 _metadata 的下划线去掉,重启项目,无警告信息。