Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Error overlay for runtime errors #4308

Closed
KutnerUri opened this issue Feb 22, 2022 · 5 comments
Closed

Error overlay for runtime errors #4308

KutnerUri opened this issue Feb 22, 2022 · 5 comments

Comments

@KutnerUri
Copy link

Feature Proposal

I want to use the built in error overlay to handle runtime errors.
Is this possible? what is the configuration to do that?

Also, I see create-react-app switched to using the built-in error overlay. Does this mean it converged with the react-error-overlay like in #3689 ?

plugins: [
   // ...
  new ReactRefreshWebpackPlugin({
    overlay: false,
  }),
]
client: {
  // ...
  overlay: {
    errors: true,
    warnings: false,
  },
},

Feature Use Case

I am making a custom workspace tool - http://bit.dev/, similar to create-react-app, and I want the same error handling experience.

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

❯ npx webpack-cli info

  System:
    OS: macOS 12.2.1
    CPU: (16) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 1.78 GB / 32.00 GB
  Binaries:
    Node: 12.22.7 - ~/.nvm/versions/node/v12.22.7/bin/node
    Yarn: 1.22.17 - ~/.nvm/versions/node/v12.22.7/bin/yarn
    npm: 6.14.15 - ~/.nvm/versions/node/v12.22.7/bin/npm
  Browsers:
    Chrome: 98.0.4758.102
    Edge: 98.0.1108.56
    Firefox: 97.0
    Safari: 15.3
  Packages:
    babel-loader: ^8.2.3 => 8.2.3 
    case-sensitive-paths-webpack-plugin: ^2.4.0 => 2.4.0 
    css-loader: ^6.5.1 => 6.6.0 
    css-minimizer-webpack-plugin: ^3.2.0 => 3.4.1 
    eslint-webpack-plugin: ^3.1.1 => 3.1.1 
    file-loader: ^6.2.0 => 6.2.0 
    html-webpack-plugin: ^5.5.0 => 5.5.0 
    postcss-loader: ^6.2.1 => 6.2.1 
    resolve-url-loader: ^4.0.0 => 4.0.0 
    sass-loader: ^12.3.0 => 12.6.0 
    source-map-loader: ^3.0.0 => 3.0.1 
    style-loader: ^3.3.1 => 3.3.1 
    terser-webpack-plugin: ^5.2.5 => 5.3.1 
    webpack: ^5.64.4 => 5.69.1 
    webpack-dev-server: ^4.6.0 => 4.7.4 
    webpack-manifest-plugin: ^4.0.2 => 4.1.1 
    workbox-webpack-plugin: ^6.4.1 => 6.4.2 
  Global Packages:
    webpack-cli: 4.9.1
@alexander-akait
Copy link
Member

PR welcome, duplicate of #3689

@KutnerUri
Copy link
Author

@alexander-akait yup makes sense. What is the status about runtime error support?

also strangely I see that #764 already implemented the CRA-like overlay, but today's styles look different?

@alexander-akait
Copy link
Member

runtime errors are not implemented in overlay

@KutnerUri
Copy link
Author

thanks!

@RagulTW
Copy link

RagulTW commented Aug 3, 2023

It is now implemented in webpack dev sever version 4.8.1

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants