Why doesn't vue devtolls work in electron?

Question

Node.js

Project start

vue create . 
(TS, Vue3, EsLint + Pretter, SASS, vuex, vue-router, mocha)
vue add electron-builder 
(electron 9.0.0)
vue-cli-service electron:serve

In theory, when an electron is installed along with it, electron-devtools-installer is installed and configured.
I tried to find a solution on overflow, they gave advice to register async / await and after that the issue was closed, tried it does not work, maybe someone knows what could be the problem?
Here is the error in console
(node:16704) ExtensionLoadWarning: Warnings loading extension at C:\Users\swdev\AppData\Roaming\elec-ts\extensions\nhdogjmejiglipccpnnnanhbledajbpd: Unrecognized mani
fest 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.

Haven't written code yet.

Answer 1

In general, the problem so far in the new Vue3 with Vue2 everything starts up fine if you add async / await

if (process.env.WEBPACK_DEV_SERVER_URL) {
    // Load the url of the dev server if in development mode
    await win.loadURL(process.env.WEBPACK_DEV_SERVER_URL as string);
    if (!process.env.IS_TEST) win.webContents.openDevTools();
  } else {
    createProtocol("app");
    // Load the index.html when not in development
    win.loadURL("app://./index.html");
  }