Version of Electron: 12.0.7 does not match required range >=1.2.1

[Alex Kozack]

Recently, I started receiving the next Error on installing VUEJS3_DEVTOOLS extension:

Failed install extension: Error: Version of Electron: 12.0.7 does not match required range >=1.2.1 for extension ljjemllljcmogpfapbkkighbhhppjdbg

My code:

  app.whenReady()
    .then(() => import('electron-devtools-installer'))
    .then(({default: installExtension, VUEJS3_DEVTOOLS}) => installExtension(VUEJS3_DEVTOOLS, {
      loadExtensionOptions: {
        allowFileAccess: true,
      },
    }))
    .catch(e => console.error('Failed install extension:', e));

I also can't install any other extension.

Even if I change the range:

installExtension({...VUEJS3_DEVTOOLS, electron: '12.0.7'})

Error: Version of Electron: 12.0.7 does not match required range 12.0.7 for extension ljjemllljcmogpfapbkkighbhhppjdbg

OR

installExtension({...VUEJS3_DEVTOOLS, electron: '*'})

 Error: Version of Electron: 12.0.7 does not match required range * for extension ljjemllljcmogpfapbkkighbhhppjdbg

[Alex Kozack]

The problem is associated with Rollup and Semver.
Related:

• npm/node-semver#381
• rollup/plugins#879

[David Blass]

In case anyone is looking for a workaround for this, just passing the extension's id prop directly bypasses the version check altogether:

import installExtension, {VUEJS3_DEVTOOLS} from "electron-devtools-installer"

installExtension(VUEJS3_DEVTOOLS.id)