Vue打包报错处理Syntax Error: Error: spawn /Users/apple/main/node_modules/gifsicle/vendor/gifsicle ENOENT

场景：npm run build 打包的时候，报以下错误，

 ERROR  Failed to compile with 2 errors                                                                                                    3:52:38 ├F10: PM┤
 error  in ./src/assets/imgLazyload/error.gif
Syntax Error: Error

 @ ./src/main.js 25:19-60
 @ multi ./src/main.js
 error  in ./src/assets/imgLazyload/loading.gif
Syntax Error: Error: spawn /Users/apple/Desktop/2023.0928/elementSrcCodeStudy-main 2/node_modules/gifsicle/vendor/gifsicle ENOENT

 @ ./src/main.js 24:18-61
 @ multi ./src/main.js
 ERROR  Build failed with errors.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! elementsrccodestudy@0.1.0 build: `vue-cli-service build`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the elementsrccodestudy@0.1.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

大胆怀疑：起初以为是图片的引入方式不对

使用的是require，切换import，也不行

改成引入线上静态资源图片，又可以显示成功。

持续分析：但直觉不对，就一直研究，发现了这个 

 

结果：搜索发现gifsicle其实是npm包，通过查找node_modules，确实少了这个包

GIFSicle 是一个可以对 GIF 图片进行压缩、缩小、修改颜色、帧率等操作的命令行工具，可以帮助你解决分享 GIF 动画或表情时文件太大的问题。

原因竟然是，网络不好，npm install 的时候没有下载到完整的包，涨见识勒！

每天踩一个坑，摸索前进一小步！