写在开头

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


漫长而抓狂的解决历程

  • 当你使用 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.0node版本的打包命令还是报错,我建议下载安装一个居中版本,如14.4.0版本

我就是碰到这种情况,最终安装的14.4.0版本的node解决的 npm run build命令报错的问题。


写在末尾

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

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




如有不足,望大家多多指点! 谢谢!

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐