打包部署后,项目白屏

1,525 阅读1分钟

有一次我在 npm run build 之后,把 dist 包放到测试服务器上,打开测试地址,一片白屏

image.png

反复检查了 vue.config.js 配置文件与 main.js 入口文件,也没任何问题,懵逼了一晚上,硬是没找到原因,后来发现整个团队只有一人能打包成功,但是代码我反复确认过是同一份最新的代码,最后只能怀疑是依赖包的问题了

好了,node_modules 就是你了

1. 把 node_modules 文件夹删掉

image.png

如何删掉这个动辄1个多G的依赖包呢?

  • 菜鸟,对着 node_modules 文件夹右键,点击删除,然后等待半天 image.png
  • 老司机,在项目根目录下右键,点击 Git Bash Here,然后输入以下指令
$ rm -rf * // 删除当前目录下的所有文件
$ rm -rf node_modules // 删除当前目录下的node_modules文件夹

2. 清理缓存命令

$ npm cache clean --force

3. 重新安装一次依赖即可

$ npm install
或
$ yarn