万事开头难，这句话真是真理！

一把年纪了，现在还要来学react开发，没办法，为了温饱问题，学吧！活到老，学到老，这也是真理！

毕竟会Vue了，就算开发React，也不会那么难，看了一下官方文档，当天就开始开发项目了，泪奔！

然后就遇到问题了，然后就跳到坑里了也不知道怎么回事，哎，前端早点大一统吧，搞这么多框架干啥，信了你的邪！

说说遇到的这个坑吧，在react项目里面，由于遇到了问题，想再组件的js文件里面加个debugger语句调试一下，结果一保存，控制台满屏红色错误，如下：

一开始还以为是webpack出问题了，或者node_moudule包出问题了，然后npm install,重启，重装...搞了半天没发现啥问题。

最后，没办法，羊毛肯定出在羊身上，仔细看报错信息，从最先报错的信息的已知的js文件开始看，有没有啥异常的，结果发现了，

你妹的，我在js里面加了一个debugger调试，webpack自动在头部引入了

import { debug } from 'webpack';

然后webpack又无法debug自己，所以就一系列报错啊，找不到模块啥的，找你妹，自相矛盾！

解决办法：去掉webpack自动引入的这句代码就好了

再得到的一个经验就是，遇到错误信息还是要耐心点看，多看看就知道怎么去找问题原因了！