1. error-overlay-webpack-plugin
Webpack plugin to automatically display an error overlay in your application.
error-overlay-webpack-plugin
Package: error-overlay-webpack-plugin
Created by: gregberge
Last modified: Mon, 14 Nov 2022 09:36:51 GMT
Version: 1.1.1
License: MIT
Downloads: 99,203
Repository: https://github.com/gregberge/error-overlay-webpack-plugin

Install

npm install error-overlay-webpack-plugin
yarn add error-overlay-webpack-plugin

Error Overlay Webpack Plugin

Node.js CI

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

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin