Devtools don't show on OSX

Hi! I’m working on an Electron app and I’m testing it on OSX and Windows.

Everything is fine on Windows but my 2 extensions doesn’t show at all on OSX.

This is what I use:

const { default: installExtension, REACT_DEVELOPER_TOOLS, REDUX_DEVTOOLS } = require('electron-devtools-installer')

  installExtension(REACT_DEVELOPER_TOOLS)
    .then((name) => {
      log.debug(`Added Extension: ${name}`)
    })
    .catch((err) => {
      log.error('An error occurred: ', err)
    })

  installExtension(REDUX_DEVTOOLS)
    .then((name) => {
      log.debug(`Added Extension: ${name}`)
    })
    .catch((err) => {
      log.error('An error occurred: ', err)
    })

What can I check or change to have them on OSX?

[RoderickJDunn]

I had the same issue. I had to do 3 things to get both extensions to show up in devtools.

1. Upgrade Electron - I was on 11.1 but had to upgrade to 11.3
2. Install this package from github instead of npm. Run the command yarn add git+https://github.com/MarshallOfSound/electron-devtools-installer.git to install the latest on master.
3. Use the new option “loadExtensionOptions” and include “allowFileAccess: true” to the options passed into “installExtension”, as follows:

import installExtension, { REACT_DEVELOPER_TOOLS, REDUX_DEVTOOLS } from 'electron-devtools-installer';
...
const forceDownload = !!process.env.UPGRADE_EXTENSIONS;
const extensions = [REACT_DEVELOPER_TOOLS, REDUX_DEVTOOLS];
installExtension(
      extensions,
      {loadExtensionOptions: {allowFileAccess: true}, forceDownload: forceDownload}
    )
    .catch(console.log);

[timothymalcham]

Following @RoderickJDunn’s instructions allowed the redux dev tools to show up, but not the react dev tools. Has anybody else found a solution to this?