Skip to content
New issue

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

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

Already on GitHub? # 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

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

No branches or pull requests

3 participants