解决electron安装vue-devtools问题

解决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 的下划线去掉,重启项目,无警告信息。
在这里插入图片描述
在这里插入图片描述

  • 6
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值