question-mark
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 DevTools doesn't work with 'preact/debug' included with Preact X

See original GitHub issue

React DevTools doesn’t work with Preact X (10.0.0-rc.0).

I imported ‘preact/debug’ but React doesn’t appear in Chrome devtools, and extension says that "This page doesn’t appear to be using React. "

I’ve tried both import 'preact/debug' in my index.js and require('preact/debug'), but none of these ways have taken any effect.

I import preact/debug before preact, as it said in docs.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:9 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
raulmmdevcommented, Aug 8, 2019

@marvinhagemeister yes it’s fixed, thanks !!!

1reaction
marvinhagemeistercommented, Aug 8, 2019

@raulmmdev Thanks for the additional information! It helped me narrow it down to a publishing issue with the 8.5.0 package. I cut a new patch release that fixes it. Can you try if the issue still remains with 8.5.1?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Debugging Preact Apps
Preact ships with a lot of tools to make debugging easier. They're packaged in a single import and can be included by importing...
Read more >
Using React Dev Tools with Preact - Stack Overflow
I have just got preact-redux-example up and running, and now I am attempting to use Preact Dev Tools in my app. Based on...
Read more >
preact - npm
Debug Mode · Install the React Developer Tools extension · Import the "preact/debug" module in your app · Set process.env.NODE_ENV to 'development' ...
Read more >
Strict Mode - React
Addressing the issues identified by strict mode now will make it easier for you to take advantage of concurrent rendering in future releases...
Read more >
Preact 8 - Releases
x release line are encouraged to upgrade to it. Fix devtools bridge not working with react devtools v4 (#1876). Created 2019-08-18 ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found