避坑！gulp-imagemin运行出问题

已于 2022-07-25 14:24:59 修改
阅读量2.6k 收藏 4
点赞数 3
分类专栏： 问题汇总 文章标签： gulp
于 2020-09-26 17:35:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44584442/article/details/108814515
版权

用gulp作为打包工具写音乐播放器，有一个插件是gulp-imagemin，是用来压缩图片的，安装总是报错，好不容易安装好一次，运行的时候还是报错，报错信息如下图。就温馨提示，遇到gulp-imagemin安装出问题，不要上火，能安安，不能安拉到，换webpack它不香吗。

解决方案一：删掉node_modules这个文件夹和package-lock.json文件，运行下列命名，重新安装。

npm cache clean --force
npm install

解决方案二：换低的版本号，输入以下命令   // xxx代表版本号

npm i -D gulp-imagemin@xxx

另外，如果有大佬能知道为啥会报错，还请不吝赐教，感激不尽！

安装时的报错信息
运行时的报错信息

桃花扇J
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
专栏目录
gulp-auto-imagemin:一个简单的任务运行器，使用 gulp-imagemin 优化图像和观察目录
06-13
在该文件中，引入 `gulp` 和 `gulp-auto-imagemin`，并设置一个任务来运行优化过程： ```javascript const { src, dest } = require('gulp'); const autoImagemin = require('gulp-auto-imagemin'); // 图像优化...
gulp-imagemin-demo
04-27
在本项目中，运行`npm install`命令会根据项目中的`package.json`文件下载并安装所有必要的依赖包，包括`gulp-imagemin`。 3. **gulp-imagemin**：这个插件是Gulp工作流程的一部分，用于优化和压缩图像文件。它可以...
Gulp项目问题 | gulp-imagemin插件8.0版本小bug（Error [ERR_REQUIRE_ESM]: Must use import to load ES Module）
weixin_42655047的博客
11-05 7129
问题 E:\gulp Project\hello-gulp>gulp Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: E:\gulp Project\hello-gulp\node_modules\gulp-imagemin\index.js require() of ES modules is not supported. require() of E:\gulp Project\hello-gulp\node_mod
Error in plugin “gulp-imagemin“
chenglichengwai_的博客
05-09 240
用gulp打包出现这个错误，各位大佬谁知道？
推荐一款图像压缩神器：imagemin-mozjpeg
最新发布
gitblog_00006的博客
05-26 328
推荐一款图像压缩神器：imagemin-mozjpeg 项目地址:https://gitcode.com/imagemin/imagemin-mozjpeg 在今天的数字化时代，高质量的图像往往意味着庞大的文件大小，这可能导致网页加载速度变慢，用户体验下降。为了解决这个问题，我们来推荐一个强大的JavaScript开源库——imagemin-mozjpeg。这个库是imagemin的一个插件，专门...
使用gulp-imagemin压缩图片时显示Minified 0 images的问题之解决方法
王的博客
11-19 671
压缩图片时候显示 gulp-imagemin: Minified 0 images 在src和dest中使用绝对路径可以解决此问题 gulp-imagemin: ✔ bbb.jpg (saved 54.8 kB - 2.4%) gulp-imagemin: Minified 1 image (saved 54.8 kB - 2.4%) function imageminTask() { ...
webpack下载图片压缩(imagemin)的依赖插件，出现下载失败的问题
coding...
12-03 1302
webpack下载图片压缩(imagemin)的依赖插件，出现下载失败的问题
gulp-imagemin版本9图片压缩
余额太足
03-14 389
由于网上大多数的博文已经比较久，参考性不大。
gulp-imagemin：缩小PNG，JPEG，GIF和SVG图像
02-04
$ npm install --save-dev gulp-imagemin 用法 基本的 const gulp = require ( 'gulp' ) ; const imagemin = require ( 'gulp-imagemin' ) ; exports . default = ( ) => ( gulp . src ( 'src/images/*' ) . pipe...
fend-starter：前端启动程序项目包含重要的gulp插件，例如gulp-sass，gulp-uglify，gulp-imagemin，gulp-autofixer等
02-21
这个项目包含了一些关键的Gulp插件，如`gulp-sass`、`gulp-uglify`、`gulp-imagemin`和`gulp-autoprefixer`，这些都是在前端开发流程中非常常用的工具。下面将详细阐述这些知识点： 1. **Gulp**: Gulp 是一个自动化...
gulp-inject-partials：基于其路径名递归注入部分。 gulp-inject具体案例的实现
02-03
吞咽部分 递归注射基于对他们的路径名谐音的。 Gulp-inject-partials解析目标文件，定位已定义...-- partial --> </ body > </ html > partial / _mypartial.html This text is in partial gulp
gulp-imagemin图片压缩----gulp系列（三)
weixin_33858249的博客
06-10 216
本节实现图片压缩，在实现压缩前，先配置images任务，设置源目录和输出目录。 在系列（二）代码的基础上，再进行扩展。   1.找到gulp-&gt;config.js，对images进行源目录(src-&gt;img)和输出目录(build-&gt;img)的配置:     2.gulp-&gt;tasks里新建images任务,如下图:   3.同时在default任务...
解决npm安装gulp-imagemin出现错误
qq_36691432的博客
06-28 4438
问题描述 在使用npm安装gulp-imagemin时，出现问题: npm install gulp-imagemin --save-dev 会报ERROR错误: Error: Command failed: C:\Windows\system32\cmd.exe /s /c "autoreconf -ivf 还有一些其他错误，我没有记录下来，不过安装出现问题，可以用以下解决方法试试。 解决方法 我上网搜了一些资料，经过试验发现可以用cnpm install解决报错问题。 先安装淘宝镜像 npm i
gulp-imagemin引入报错“_gulp-imagemin@8.0.0@gulp-imagemin\index.js:1”
前端小狮的博客
10-26 1011
node_modules_gulp-imagemin@8.0.0@gulp-imagemin\index.js:1 (function (exports, require, module, __filename, __dirname) { import {createRequire} from ‘node:module’; https://www.npmjs.com/package/gulp-imagemin，查看gulp-imagemin历史版本号 gulp-imagemin 引入报错，uninstal
gulp压缩报错
Tiany的博客
09-15 298
gulp压缩报错
gulp-imagemin报错UnhandledPromiseRejectionWarning
qq_39232672的博客
05-08 1659
【gulp相关 / gulp-imagemin】 js文件中代码如下(注意路径正确) gulp.task("images",()=>{ return gulp.src('./src/img/index/*.png') .pipe(imagemin()) .pipe(gulp.dest("./dev/images")); }) 使用gulp-imag...
gulp插件-图片压缩插件(gulp-imagemin)
AndrewNeo
06-10 451
安装： npm install --save-dev gulp-imagemin 作用： 用来压缩jpg、png、gif等图片 使用： var gulp = require('gulp'), imagemin = require('gulp-imagemin'); gulp.task('imagemin', function () { gulp.src('src/images/*.{png,jpg,gif,ico}') .pipe(imagemin({
gulp-imagemin 安装失败问题解决
yoyo勰的博客
03-22 1227
问题描述 本地操作系统： Mac OS v10.15.4 node.js v12.16.1 npm v6.13.4 最近在写一个 express 的服务端工程，要使用 gulp 自动化去处理工程中的资源文件，比如图片压缩 less处理什么的； 在安装 gulp-imagemin 模块时总是失败，终端中主要输出gifsicle pre-build test failed和gyp: No Xcode or CLT version detected!这两个错误 截图如下: gifsicle pre-build
Cannot find module gulp-preprocess
09-09
在你的描述中，你遇到了一个错误：Cannot find module gulp-preprocess。这个错误是由于找不到gulp-preprocess模块导致的。根据你提供的引用内容，你已经安装了gulp和相关插件，并在gulpfile.js中创建了任务，但是在运行gulp时出现了该错误。 要解决这个问题，你需要确保已经正确安装了gulp-preprocess模块。你可以在终端中使用npm install gulp-preprocess命令来安装该模块。确保在安装之前你已经在终端中切换到了项目的根目录。 另外，你还可以检查一下gulpfile.js文件中是否有正确引入gulp-preprocess模块。在文件中的引入部分，你可以添加以下代码：var preprocess = require('gulp-preprocess')。确保引入的路径是正确的。 如果你已经安装了gulp-preprocess模块并且正确引入了它，但是仍然遇到了Cannot find module gulp-preprocess的错误，可能是由于模块的路径问题。你可以尝试删除node_modules目录，并重新运行npm install命令来重新安装所有的依赖模块。 希望这些提示能帮助到你解决问题。如果你还有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值