Upstream is June 5 👉 RSVP

error-overlay-webpack-plugin
Release 0.1.7

Webpack plugin to automatically display an error overlay in your application.

Homepage Repository npm JavaScript Download

Keywords: webpack, plugin, webpack-plugin, react, react-error-overlay, error-overlay, create-react-app, error, error-handling
License: MIT
Install: npm install error-overlay-webpack-plugin@0.1.7

Documentation

Error Overlay Webpack Plugin

Catch errors with style 💥✨

This plugin will display an error overlay in your application. It is the same error overlay used in create-react-app.

📦 Webpack 5 support
🥞 Elegant stack trace
📝 Click to open error line in editor

npm install error-overlay-webpack-plugin --save-dev

Usage

// webpack.config.js
const ErrorOverlayPlugin = require('error-overlay-webpack-plugin')

module.exports = {
  entry: 'main.js',
  output: {
    path: __dirname + '/dist',
    filename: 'bundle.js',
  },
  plugins: [new ErrorOverlayPlugin()],
  devtool: 'cheap-module-source-map', // 'eval' is not supported by error-overlay-webpack-plugin
}