webpack / webpack/webpack-dev-server

improve our overlay

Open
#3,689 20 comments 22 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
7.8k
Forks
1.5k
Avg merge
5h 32m
Merged PRs (30d)
6

Description

  • This is a bug
  • This is a modification request
Code

improve our default overlay:

  1. Allow to catch runtime errors
  2. Improve errors/warnings reporting (ideally we should have )
  3. Improve styles
  4. More?

CRA has react-error-overlay, I think we can union with them and create the one great overlay

/cc @raix

Please paste the results of webpack-cli info and webpack-cli version here, and mention other relevant information
Expected Behavior

Better DX

Actual Behavior

Our overlay is very simple and in some places have bad DX

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.

Research direction

Start by examining webpack-dev-server's default overlay and the referenced react-error-overlay. Define the scope for runtime error capture, clearer error and warning reporting, and improved styles, then verify that the resulting overlay provides the requested better developer experience.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
developer-experience, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
20/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.