yntax Error: Error: Cannot find module ‘imagemin-gifsicle’

问题

打包构建的时候遇到了这样一个报错，yntax Error: Error: Cannot find module ‘imagemin-gifsicle’，下面我总结了下解决的方案。

解决方案 

1. 在packgae.json 加上 “imagemin-gifsicle” ：”^2.0.0″,（这个版本不是固定的，需要根据你image-webpack-loader的版本，两个插件版本相差不要太大，不然有兼容问题）
2. 再次运行时报错信息error:cannot find module “gifsicle” 这时就要去node_moudules里删除 image-webpack-loader
3. 再去更新下载 cnpm install –save-dev image-webpack-loader
4. 重新运行打包命令即可。

插件npm源 

imagemin-gifsicle

image-webpack-loader 

链接进去，查看两个插件的版本。一定要注意两个插件版本兼容问题。 

注意：有同学反映还是安装失败，可以这样再试试，先安装image-webpack-loader，安装完成后删除package-lock.json这个文件，并查看image-webpack-loader版本号，再安装imagemin-gifsicle，两个插件不要版本相差太大（有问题多试几个版本，可能有兼容问题），不要同时install两个插件。  

欢迎在评论区交流。

如果文章对你有所帮助，❤️关注+点赞❤️鼓励一下！博主会持续更新。。。。

我的博客原文：Syntax Error: Error: Cannot find module ‘imagemin-gifsicle’

往期回顾

 css实现元素居中的6种方法 

Angular8升级至Angular13遇到的问题

前端vscode必备插件(强烈推荐)

Webpack性能优化

vite构建如何兼容低版本浏览器

前端性能优化9大策略（面试一网打尽）！

vue3.x使用prerender-spa-plugin预渲染达到SEO优化

 vite构建打包性能优化

 vue3.x使用prerender-spa-plugin预渲染达到SEO优化

 ES6实用的技巧和方法有哪些？

 css超出部分显示省略号

vue3使用i18n 实现国际化

vue3中使用prismjs或者highlight.js实现代码高亮

什么是 XSS 攻击？什么是 CSRF？什么是点击劫持？如何防御