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.

Add error overlay like create-react-app's

See original GitHub issue

Create-react-app uses a custom webpack dev server client and its own custom error overlay. We could use switch to react-dev-utils/webpackHotDevClient.js, except that it uses window.location.port. From my initial explorations, this was the dealbreaker.

That being said, it would be really nice to get an error overlay like CRA’s for Razzle

Issue Analytics

State:
Created 6 years ago
Comments:10 (4 by maintainers)

Top GitHub Comments

2reactions

jaredpalmercommented, Aug 28, 2017

I am working with Dan to fix a bug that is preventing runtime errors from showing up. Right now only compiler / lint errors show

https://github.com/facebookincubator/create-react-app/pull/2515#issuecomment-325461989

0reactions

jaredpalmercommented, Feb 5, 2018

AFAIK componentDidCatch can’t be used with SSR

Top Results From Across the Web

How to get an error overlay with React Hot Loader - Jakob Lind

Enable it for both warnings and errors. This gives an error overlay when there are errors. If yo want to enable this for...

react-error-overlay - npm

react-error-overlay. react-error-overlay is an overlay which displays when there is a runtime error. Development.

How can I use react-error-overlay outside create-react-app?

Install the react-error-overlay package via npm. Add a require.resolve to your app entry point array

NodeJS CLI script to create React apps

I'd like to know if there is any other way for me to create, ... It would be wise to add error handling...

Disable Error Overlay In Development Mode - ADocLib

Ask questionsAdd configuration for disable error overlay for reactrefresh and enabled ... I am using nwb not createreactapp. nwb configuration is as shown....