Custom Error overlay

[yyx990803]

create-react-app has a really neat custom error overlay. Not sure if it is usable outside of CRA - I actually don't mind using it as-is if it's possible, but we likely have to port it (already have a placeholder package here).

• Reports both webpack build errors & runtime errors
• Stack frames for runtime errors
• Jump to source files (we already have launch-editor middleware in the dev server)

[jkzing]

Did a simple PoC here https://github.com/jkzing/vue-cli/tree/overlay.
It seems react-error-overlay can be integrated into cli-service properly.

[ajomadlabs]

Could I work on this issue

[jkzing]

@ajomadlabs If we decide to use react-error-overlay directly, I think I almost have it done in https://github.com/jkzing/vue-cli/tree/overlay.😁 (still need polish on the code)

[zephraph]

Hey folks, have y'all seen https://www.npmjs.com/package/error-overlay-webpack-plugin?

That might be a nice solution...

[yyx990803]

@zephraph that's really just a wrapper over react-error-overlay. It's simpler to use but we need a bit more control than it exposes.

[zephraph]

Good point. 👍

…

On Mar 9, 2018, at 4:37 PM, Evan You ***@***.***> wrote: @zephraph that's really just a wrapper over react-error-overlay. It's simpler to use but we need a bit more control than it exposes. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

[ameerthehacker]

@yyx990803 I would like to take up this issue can you suggest me the place to start looking at

[akrawchyk]

@jkzing can you open a PR that links this issue with your progress on this?

[jkzing]

@akrawchyk I am quiet busy on my daily job lately, you are welcome to take over it!
All my works on this are here https://github.com/jkzing/vue-cli/tree/overlay, quiet outdated I think..