error-overlay-webpack-plugin

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


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.4.1

Documentation

Error Overlay Webpack Plugin

Build Status version MIT License

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 4 support
  • 🥞 Elegant stack trace
  • 📝 Click to open error line in editor

Error Overlay Webpack Plugin Example

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
}

License

MIT