https://github.com/gregberge/error-overlay-webpack-plugin

Catch errors with style 💥✨
https://github.com/gregberge/error-overlay-webpack-plugin

create-react-app error error-handling error-overlay webpack webpack-plugin

Last synced: 3 days ago
JSON representation

Catch errors with style 💥✨

• Host: GitHub
• URL: https://github.com/gregberge/error-overlay-webpack-plugin
• Owner: gregberge
• License: mit
• Created: 2018-03-09T14:34:41.000Z (over 6 years ago)
• Default Branch: main
• Last Pushed: 2022-11-14T09:36:49.000Z (almost 2 years ago)
• Last Synced: 2024-10-22T10:34:01.349Z (12 days ago)
• Topics: create-react-app, error, error-handling, error-overlay, webpack, webpack-plugin
• Language: JavaScript
• Size: 771 KB
• Stars: 873
• Watchers: 8
• Forks: 45
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# Error Overlay Webpack Plugin

![Node.js CI](https://github.com/gregberge/error-overlay-webpack-plugin/workflows/Node.js%20CI/badge.svg)

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](https://github.com/facebook/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

```js

// 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