Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

React dev tools unavailable

See original GitHub issue

Prerequisites

Using yarn
Using an up-to-date master branch
Using latest version of devtools. Check the docs for how to update
Tried solutions mentioned in #400
For issue in production release, add devtools output of DEBUG_PROD=true yarn build && yarn start

Expected Behavior

The React tab should be available under the Chrome Developer Tool window.

Current Behavior

React tab is not available. I can see Redux dev tools only.

Steps to Reproduce

I have a standard configuration:

const installExtensions = async () => {
  const installer = require('electron-devtools-installer');
  const forceDownload = !!process.env.UPGRADE_EXTENSIONS;
  const extensions = ['REACT_DEVELOPER_TOOLS', 'REDUX_DEVTOOLS'];

  return Promise.all(
    extensions.map((name) => installer.default(installer[name], forceDownload))
  ).catch(console.log);
};

Possible Solution (Not obligatory)

Context

I would like to investigate a component state.

Your Environment

Node version : v12.14.0
electron-react-boilerplate version or branch : 1.3.0
Operating System and version : macOS Catalina 10.15.5 (19F101)
Link to your project :

Issue Analytics

State:
Created 3 years ago
Comments:8 (3 by maintainers)

Top GitHub Comments

3reactions

shutterkurtcommented, Aug 14, 2020

I have the same issue on Windows 10 with a clean clone - unzip was throwing an exception. looked into it and appears that the extension .crx file was empty due to a change on Google’s end. same issue as described by https://github.com/MarshallOfSound/electron-devtools-installer/pull/140. This was fixed in 3.1.1 - I bumped up the version and ‘seems’ like it fixed the issue (didn’t run any tests other than it doesn’t throw the exception anymore and extension tabs show up now)

1reaction

amilajackcommented, Aug 11, 2020

Try running UPGRADE_EXTENSIONS=1 yarn run dev