Using Reactime in a React + Electron App

Open
#314 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
4/5
Estimated time
3-5 days
Newbie friendliness
20/100
Issue type
Bug
Clarity
Needs clarification
Activity status
Stale
Tech stack
electron, react, typescript
Domain
desktop, devtools

Research direction

Start by reproducing the launch failure in the React + Electron app with React DevTools enabled. Inspect manifest.json and bundles/background.bundle.js, which are named in the error output, and verify that the content script launches, the launch button works, and the service worker registers without errors.

Written by the indexing model from the issue text.

Description

I am working on a react + electron app and for the longest time have been using an extension called Recoilize to debug recoil state within my application. Issue is, with a recent update, that tool has stopped working.

After looking for a new tool I found reactime and have been trying to get it to work. I have the react dev tools extension loaded in my app (One of the requirements I read in the README), but am getting errors trying to load reactime. The issues I am having are as follows:

  • I get the "Checking if content script has been launched on current tab" error and the launch process doesn't progress.
  • When I try to manually click the "launch" button nothing happens.
  • In my terminal I get the following error:
[6428:0715/045024.338:ERROR:extensions_browser_client.cc(67)] Extension Error:
[1]   OTR:     false
[1]   Level:   2
[1]   Source:  chrome-extension://cgibknllccemdnfhfpmjhffpjfeidjga/bundles/background.bundle.js
[1]   Message: Uncaught TypeError: Cannot read properties of undefined (reading 'addListener')
[1]   ID:      cgibknllccemdnfhfpmjhffpjfeidjga
[1]   Type:    RuntimeError
[1]   Context: chrome-extension://cgibknllccemdnfhfpmjhffpjfeidjga/bundles/background.bundle.js
[1]   Stack Trace:
[1]     {
[1]       Line:     3
[1]       Column:   1
[1]       URL:      chrome-extension://cgibknllccemdnfhfpmjhffpjfeidjga/bundles/background.bundle.js
[1]       Function: (anonymous function)
[1]     }
[1] [6428:0715/045024.338:ERROR:extensions_browser_client.cc(67)] Extension Error:
[1]   OTR:     false
[1]   Level:   1
[1]   Source:  manifest.json
[1]   Message: Service worker registration failed. Status code: 15
[1]   ID:      cgibknllccemdnfhfpmjhffpjfeidjga
[1]   Type:    ManifestError

Does anyone have reactime working in an Electron app? Is there any help I can have to get this working?

Thank you.

If you need any extra information, please let me know.

Dominant language
TypeScript
Stars
2.2k
Forks
210
No merged PRs in 30d

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from open-source-labs/Reactime

All issues in open-source-labs/Reactime

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.