Cannot find module ‘xxx’ 错误的解决方案

在使用webpack打包的时候，会出现Cannot find module 'XXXX'的错误。往往，安装一个，再出现一个，安装一个，再出现一个。很是烦人，这里给出一次性解决的方法。

Tips：本人使用的的Mac，所以文章中均为Mac系统的解决方法。但是，基本的处理步骤是差不多的，对于其他系统都是有借鉴意义的。

1.直接使用`npm install`

其实一般都不会有用，但由于可能会有小白，没有这个步骤，就开始运行一些项目，错误找来找去，浪费时间。还是在这里提一下。
命令行输入：

npm install

如果出现Command not found的报错，那就先安装npm。

2.重新安装项目`npm`

一般情况都是，在清理垃圾的时候误删了项目文件，导致项目编译的时候报错。只要npm本地源文件没有被删掉，就可以重新打包。

命令行输入：

cd <ObjcectName>
rm -rf node_modules
npm cache clean --force
npm install

3.重新安装本地`npm`

这个就比较少见了，多半是由于版本问题，而且很多小白都会使用brew来安装npm，导致有一些奇奇怪怪的问题。

卸载`npm`

卸载本地源文件

命令行输入：

brew uninstall node

通常情况下是没有问题的，但是如果拒绝卸载，一般就是由于以来依赖的问题。
命令行输入：

brew uninstall --ignore-dependencies node

之后要删除node的所有版本（可能之前会有一些冗余的操作，导致多版本的存在）。

命令行输入：

brew uninstall --force node

手动清理`node`相关目录和文件

删除/usr/local/lib目录下的文件
命令行输入：
```
  sudo rm -rf /usr/local/lib/node_modules
```
删除/usr/local/include目录下的文件
命令行输入：
```
  sudo rm -rf /usr/local/include/node/
```

检查 ~ 目录下的相关文件
命令行输入：

  find ~ -name node  find ~ -name node_modules   sudo rm -rf XXX

当然这个步骤就有点“洁癖”了，全部删完当然更高，但是基本上，如果项目上要的，只要修改上面那两个，就可以保证，项目上已经好了。而且这些杂鱼的文件，也基本上加速用的，没有必要删。

命令行输入：

rm -rf node-*
rm -rf .npm .npminstall_tarball

检验卸载完毕

重启终端，输入node -v。
命令行输入：

~ node -v
command not found: node

卸载结束。

安装`npm`

安装`nvm`

命令行输入：

brew install nvm

配置 .zshrc

没有就创建一个，目录 ~/, .nvm 文件夹需要创建的话也直接创建了,也是在 ~/。
命令行输入：

touch ~/.zshrcexport NVM_DIR="/Users/liminglin/.nvm"[ -s "/usr/local/opt/nvm/nvm.sh" ] && . "/usr/local/opt/nvm/nvm.sh"  # This loads nvm[ -s "/usr/local/opt/nvm/etc/bash_completion.d/nvm" ] && . "/usr/local/opt/nvm/etc/bash_completion.d/nvm"  # This loads nvm bash_completionsource ~/.zshrc

然后使用`nvm`安装`node`

命令行输入：

nvm install node

使用`npm install`

命令行输入：

npm install

基本到这里，问题已经解决了，欢迎留言讨论！