npm run build 打包命令报错，npm i -g npm 后使用任何跟npm相关的命令都报错 的解决方案

Posted 2021-12-23 zhuangwei_8256

写在开头

  文章略长，讲述自己在解决这个问题的心酸历程以及碰到的问题，在此做个记录，也希望能给大家提供点帮助，望大家多多见谅。

 
 

漫长而抓狂的解决历程

• 当你使用 npm run build 命令打包项目报错，提示：
  

• 然后你可能觉得莫名奇妙，然后百度一搜，发现百度上面都说你该更新 npm 版本了，于是乎你就更新了（不管你使用哪个更新命令）：

npm i -g npm
// 或者更新到最新版本
npm install -g npm@latest
// 或者更新指定版本 npm 
npm i -g npm@5.4.1

• 然后，你满心欢喜的以为解决了，然而当你重新执行打包命令时再次报错：

• 并且报错升级，不止打包命令 npm run build 报错，连启动命令npm run serve，甚至只要和 npm 相关的命令都报错了：
  

• 于是乎脑袋炸裂，怎么会有这种问题！？

• 然后到处排查问题，甚至以为是自己的项目代码哪里出了问题，但是还是找不到问题所在，于是只能心不甘的想到用最直接的办法：我卸载重装 node 总可以了吧。

• 然后当你卸载重装后，不管你是装的什么版本的 node，最新版本也好，低版本也好，还是一直报错
  
  。
  。
  。
  。
  。
  。

• 更加抓狂！！！

• 本意只是想给项目打个包，结果还把自己的 node 环境给搞砸了。

• 算了，算了，自己挖的坑只能自己填，自己补！

• 于是乎，不断的找问题、百度……

• 最终，找到解决方案：
    当你更新 npm 后，使用任何npm 命令都报错：npm ERR! Unexpected token = xxxxxxxxxxxx（也可能是其他类型的错，总之就是使用任何 npm相关的命令都报错）的话，你想到卸载 node，思路我感觉是对的，但是不能仅仅简单的在控制面版或者其他的电脑管理软件卸载 node 就可以了，你还需要做的一步很关键的步骤就是将这个C:\\Users\\zw704\\AppData\\Roaming目录（目录因电脑而异，基本都是在：c盘 -> 用户 -> 你的电脑名称（我这里是zw704） -> AppData -> Roaming）下的 npm 、npm-cache这两个文件夹彻底删掉：
  

• 这个步骤一定要做，删完之后，你就会发现 npm 的命令可以正常使用了；

• 好的，到这里，终于把自己挖的坑填平了。

• 又回到最终的需求：打包项目！！！

• 经过了这一系列的填坑操作，最终对于npm run build打包报错，我的想法是：既然我之前的 npm 版本不匹配，然后让我去更新，那么应该和我的 node 版本有关系。

• 于是，我就按照之前的经验，将c盘 -> 用户 -> 你的电脑名称（我这里是zw704） -> AppData -> Roaming）下的 npm 、npm-cache这两个文件夹彻底删掉后，卸载node，重新安装了node，于是解决了npm run build命令报错的问题。

注：可能有的朋友重新安装了node还是npm run build命令报错，在这里我给的建议是：比如你之前的node版本是11.6.0的，然后你直接更新了一个最新版本的node（16.13.0的），结果发现16.13.0的node版本的打包命令还是报错，我建议下载安装一个居中版本，如14.4.0版本。
 
我就是碰到这种情况，最终安装的14.4.0版本的node解决的 npm run build命令报错的问题。

 
 

写在末尾

  好在，最终解决了问题，成功打包并发布上线。

  文章略长，望大家多多见谅。如各位大佬有更加完美的解决方案，麻烦留言指点一下，谢谢。

 
 
 
如有不足，望大家多多指点！ 谢谢！