Cannot find module ‘file-loader‘

1.错误场景:

在使用url-loader对.jpg类型的图片文件进行打包的时候，出现了如下的错误:

错误的提示是Cannot find module ‘file-loader‘， 大概意思是没有找到file-loader，我的内心("老子要打包图片,和file-loader有毛线关系")，但是我还是太嫩了，我使用的是url-loader, 它的作用是打包图片没毛病，但是它有个options:{limit: 20000}，它起到的作用是如果要打包的图片的大小<=20000B，那么图片可以正常打包；然而如果要打包的图片大小>20000B, webpack会选择file-loader对该图片进行打包。这不就得出结论咯，老子没有安装file-loader啊。。。。所以人家给我报了一个没有找到file-loader。

2.解决方法:

   (1) 把url-loader中的limit调大一些，至少比要打包的图片大。

   (2)安装file-loader呗，这个方法比较靠谱一些，总不能来一个图片大的就改一次limit吧，安装语句：npm  install  file-loader  --save-dev(--save-dev的意思就是开发依赖，也就是说file-loader这个打包器在打包完成以后，不会出现在打包的结果之中，它只存在于开发阶段)。

3.总结

但是其实我找出这个bug的方式是先定位哪个文件出错了，然后联系一些知识点，从而找出问题，因为它报错是一堆红色的玩意，我真的看不懂啊，因此我感觉这也是一个方法点，不用害怕bug。