【Web前端问题】如何让webpack搭建的react项目的编译报错信息,在页面上优美展示?

1.问题描述

webpack搭建的react项目,使用ESlint语法检测插件,当语法错误(如调用未定义的函数)编译失败。此时,编译报错信息会在页面上显示。
如何让编译报错信息在页面上优美显示呢?

2.你期待的结果是什么?实际看到的错误信息又是什么?

实际看到结果:编译报错页面样式很丑(黑底白字那种),如下:
图片描述

期待结果:编译报错页面样式优美(有CSS样式),如下:
图片描述

回答:

react-error-overlay

回答:

https://eslint.org/docs/user-...

回答:

解决方法:安装插件error-overlay-webpack-plugin

     https://www.npmjs.com/package/error-overlay-webpack-plugin

以上是 【Web前端问题】如何让webpack搭建的react项目的编译报错信息,在页面上优美展示? 的全部内容, 来源链接: utcz.com/a/140003.html

回到顶部