Vue踩坑(1)——启动时，there are multiple modules with names that only differ in casing

场景：这个项目之前没问题的，之后我再npm run dev启动服务的时候就开始报错，warning但是不能继续执行了

控制台报错图片

解决过程：看报错信息，说的是模块的命名和引用有冲突。
网上的解决方法分为以下集中

1. 错误是由于路径填写，只需要根据报错的文件位置，修改完即可
2. 错误是由于引入模块时模块名大小写不一致，举得最多的例子就是 App.vue， 写了 app
3. 将项目文件的名称中大写字母改成小写，eg：Project – project

但是这些并不能解决我的问题，因为报错的文件都是npm安装的依赖包和webpack里的文件，这些自然是不会改到的。所以想到了是不是我的依赖包出了问题
于是： npm list --depth=0 看了一下是不是装的包出了什么问题，结果

警告信息里的xlsx依赖包显示依赖未安装，而且连webpack也是，看起来很像版本问题（其实还是奇怪为什么之前跑着没问题）
于是解决方法（也可以其他方式：一个个的重新安装/更新）：
npm -rf node_modules/ # 删除已安装的模块
npm update -g npm # 更新 npm
npm install # 重新安装
全卸了重装完之后：

虽然说xlsx没问题了，但是webpack的问题还是在，不过查了一下发现没有关系，大家具体可以看看这个这位大兄弟写的unmet peer dependency问题

至此，我的问题就解决了。