nklayman / vue-cli-plugin-electron-builder

Easily Build Your Vue.js App For Desktop With Electron
https://nklayman.github.io/vue-cli-plugin-electron-builder/
MIT License
4.12k stars 280 forks source link

(node:19656) ExtensionLoadWarning: Warnings loading extension at #943

Closed yayxs closed 4 years ago

yayxs commented 4 years ago

描述

完整的控制台信息如下:

App running at:

\ Bundling main process...

DONE Compiled successfully in 1526ms 18:09:11 File Size Gzipped

dist_electron\index.js 744.94 KiB 165.80 KiB

Images and other types of assets omitted.

INFO Launching Electron... (node:19656) ExtensionLoadWarning: Warnings loading extension at C:\Users\1\AppData\Roaming\electron-vue-desktop\extensions\nhdogjmejiglipccpnnnanhbledajbpd: 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.


执行步骤

  1. vue add proName
  2. vue add electron-builder
  3. yarn electron:serve 之后在控制台信息如上所示

当前环境

vue info

System: OS: Windows 10 10.0.16299 CPU: (4) x64 Intel(R) Core(TM) i5-7400 CPU @ 3.00GHz Binaries: Node: 12.13.0 - C:\Program Files\nodejs\node.EXE Yarn: 1.22.4 - ~\AppData\Roaming\npm\yarn.CMD npm: 6.14.5 - C:\Program Files\nodejs\npm.CMD Browsers: Chrome: 84.0.4147.105 Edge: Spartan (41.16299.1480.0) npmPackages: @vue/babel-helper-vue-jsx-merge-props: 1.0.0 @vue/babel-plugin-transform-vue-jsx: 1.1.2 @vue/babel-preset-app: 4.4.6 @vue/babel-preset-jsx: 1.1.2 @vue/babel-sugar-functional-vue: 1.1.2 @vue/babel-sugar-inject-h: 1.1.2 @vue/babel-sugar-v-model: 1.1.2 @vue/babel-sugar-v-on: 1.1.2 @vue/cli-overlay: 4.4.6 @vue/cli-plugin-babel: ~4.4.0 => 4.4.6 @vue/cli-plugin-eslint: ~4.4.0 => 4.4.6 @vue/cli-plugin-router: ~4.4.0 => 4.4.6 @vue/cli-plugin-vuex: ~4.4.0 => 4.4.6 @vue/cli-service: ~4.4.0 => 4.4.6 @vue/cli-shared-utils: 4.4.6 @vue/component-compiler-utils: 3.2.0 @vue/eslint-config-airbnb: ^5.0.2 => 5.1.0 @vue/preload-webpack-plugin: 1.1.2 @vue/web-component-wrapper: 1.2.0 eslint-plugin-vue: ^6.2.2 => 6.2.2 vue: ^2.6.11 => 2.6.11 vue-cli-plugin-electron-builder: ~2.0.0-rc.4 => 2.0.0-rc.4 vue-eslint-parser: 7.1.0 vue-hot-reload-api: 2.3.4 vue-loader: 15.9.3 vue-router: ^3.2.0 => 3.3.4 vue-style-loader: 4.1.2 vue-template-compiler: ^2.6.11 => 2.6.11 vue-template-es2015-compiler: 1.9.1 vuex: ^3.4.0 => 3.5.1 npmGlobalPackages: @vue/cli: Not Found

repo https://github.com/yayxs/electron-vue-desktop

其他

项目也是可以正常运行,只是控制台有ExtensionLoadWarning 信息

RowinRuizendaal commented 4 years ago

I am having the same issue, while launching Electron:

Launching Electron...
(node:20136) ExtensionLoadWarning: Warnings loading extension at C:\Users\AppData\Roaming\electron\extensions\nhdogjmejiglipccpnnnanhbledajbpd: 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.

Force killing Electron (process #27392)
nklayman commented 4 years ago

This is an issue with electron/vue devtools, not this plugin. See https://github.com/electron/electron/issues/23662 for details.

One thing that seems to have helped some people is to add await on this line of your background.js.

denyncrawford commented 3 years ago

Same here.

ExtensionLoadWarning: Warnings loading extension at C:\Users\denyncrawford\AppData\Roaming\mainframe\extensions\nhdogjmejiglipccpnnnanhbledajbpd: 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.

I've already tried this 😞

m4heshd commented 3 years ago

Still having this issue. And the extension isn't working even though it's installed.

andgeno commented 3 years ago

Also having the same issue and the suggested fix does not work for me as well.

m4heshd commented 3 years ago

@andgeno Are you happen to be using Vue 3?

andgeno commented 3 years ago

@andgeno Are you happen to be using Vue 3?

Yes, Vue 3.0.0

m4heshd commented 3 years ago

Use this instead of the predefined VueJS Devtools. It's the beta that supports Vue 3.

try {
  await installExtension({
    id: 'ljjemllljcmogpfapbkkighbhhppjdbg', //Vue Devtools beta
    electron: '>=1.2.1'
  })
} catch (e) {
  console.error('Vue Devtools failed to install:', e.toString())
}
andgeno commented 3 years ago

Use this instead of the predefined VueJS Devtools. It's the beta that supports Vue 3.

try {
  await installExtension({
    id: 'ljjemllljcmogpfapbkkighbhhppjdbg', //Vue Devtools beta
    electron: '>=1.2.1'
  })
} catch (e) {
  console.error('Vue Devtools failed to install:', e.toString())
}

Works. Thanks! 👍🏼

leifcr commented 3 years ago

@nklayman Please consider changing to the beta devtools that support vue 3.

nklayman commented 3 years ago

You can change it yourself in background.js. By default, I'm going to use the stable version for, well, stability.

loriswave commented 3 years ago
Use this instead of the predefined VueJS Devtools. It's the beta that supports Vue 3.

try { await installExtension({ id: 'ljjemllljcmogpfapbkkighbhhppjdbg', //Vue Devtools beta electron: '>=1.2.1' }) } catch (e) { console.error('Vue Devtools failed to install:', e.toString()) }

Can you explain a little bit how to use this? only replace of

   try {
      await installExtension(VUEJS3_DEVTOOLS)
    } catch (e) {
      console.error('Vue Devtools failed to install:', e.toString())
    }
nklayman commented 3 years ago

Yeah, replacing those lines should be all you need to do.

eko2one commented 2 years ago

still getting this warning. Vue-cli 4, Vue 2, Electron 13, macOS

mmrblack commented 2 years ago

get this warning,2021/11/3 @Vue/cli 4.5, Vue 3, Electron 13, windows 10

fsk commented 2 years ago
app.on("ready", async () => {
  if (isDevelopment && !process.env.IS_TEST) {
    // Install Vue Devtools
    try {
      await installExtension({
        id: "ljjemllljcmogpfapbkkighbhhppjdbg", //Vue Devtools beta
        electron: ">=1.2.1",
      });
    } catch (e) {
      console.error("Vue Devtools failed to install:", e.toString());
    }
  }
  createWindow();
});

This is code blog in my background.js file. But still i have same issue.

Error is;

[(node:12040) ExtensionLoadWarning: Warnings loading extension at C:\Users\Dell\AppData\Roaming\project\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.](url)

How can i fix.?

abe1272001 commented 2 years ago

Same issue show up!

kevinmnm commented 1 year ago

Any solution..? I have same problem.

krishnaguragain commented 6 months ago
await installExtension({
        id: 'fjjopahebfkmlmkekebhacaklbhiefbn', //Vue Devtools beta
        electron: '>=1.2.1'
      })

This is working for me till now.