npx webpack Cannot find module 'html-webpack-plugin' 记一次bug导致的头疼

一次初始化webpack 莫名其妙的bug，愣是查了半天，真的是半天，从下午3点左右，一直到下班都没搞定，最后搞到心烦头痛下班，到家做了一顿丰盛的面条，吃完面条，重新排查才整好。

先说bug，
初始化一个webpack项目，运行打包命令，报错如下：

一开始遇到这样的bug，跟往常一样 简单看了报错信息，html-webpack-plugin, 这个模块没找到？？ 明明是初始化的项目，根本没用到这个包。好吧，百度问度娘，出来一大堆，都是答非所问。无从查起，再想，是不是 上面npm警告的问题？ 先查fsevents@1.2.9这个搞起， 百度查一下，一大堆 有的说是node版本问题， 好换个node版本， 啪啪啪，安装了7+，8+， 10+， 12+四个node版本，都不行。还有说清理node缓存，需要时间太久，清理了一半，终止了。 好吧这个放弃。
看第二个警告node-pre-gyp WARN Using needle for node-pre-gyp https download 这个查了一下 有的说是安装的时候没有权限，OK加上sudo -->无效果， sudo npm install node-pre-gyp -g OK不报警过了， 可是webpack 打包还是报之前一样的错误，好吧重新搞，fsevents@1.2.9 sudo npm install fsevents -g ---->无效，警告如旧， 好吧，不是说html-webpack-plugin 找不到吗？ npm install html-webpack-plugin --save-dev npm install html-webpack-plugin --g 都尼玛尝试了 webpack 打包 一样艹蛋的报错。
来来回回反反复复，操作了3遍 下午本来想写点代码的，被这个莫名其妙的bug 搞的头疼，想是中午没吃饱 低血糖吧， 7点下班代码提交一下，赶紧回家补血。
煮了碗面吃饱再来，心想是不是公司网络的原因？ 好吧家里网络也换了。打开webpack 中文官网，按照教程来 重新 初始化一个项目 webpack 打包依旧报下午一样的错误， 好吧 从新百度，走一遍 不行， 再想是不是 淘宝镜像源的问题？ 换个npm源 切换到官方源， 重新install wabpack wabpack-cli 装到一半 依旧出现fsevents@1.2.9的警告，心想 估计凉凉， 安装速度跟淘宝源 果然没法比，果断终止。 就在无计可施之际， 又瞄了眼报错信息：

我的项目目录不是在桌面上的啊，并且初始化的项目里没有webpack配置文件啊，怎么会出现Desktop 这个路径呢？
心想坏了，估计是桌面上有webpack.config.js 文件，webpack打包的时候 自动找这个文件 一直找到了桌面上的这个文件 然后按照这个配置进行打包，然后就报html-webpack-plugin这个报错。
果不其然：

果断删除， 重新打包，一切OK。
真是让自己不知如何措辞的一次bug排查。
遂，决定记录于此。
细细想来，若是仔细查看报错信息 或许不用那么多烦人的操作，
bug漫漫其修远兮，吾将上下而求索。