初学gulp遇到gulp-imagemin版本问题

最新推荐文章于 2024-08-24 07:54:56 发布
最新推荐文章于 2024-08-24 07:54:56 发布
阅读量1.1k 收藏 3
点赞数 2
分类专栏： 日常的出错改正 文章标签： gulp npm vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25972233/article/details/123045152
版权
这篇博客讲述了在使用gulp-imagemin压缩图片时遇到的错误：require() of ES modules not supported。作者建议访问npmjs.com查找历史版本，并通过npm降低gulp-imagemin到7.0.0版本来解决问题。成功执行gulp命令后，压缩过程得以顺利进行。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

大家都知道要把图片压缩一下要先安装gulp-imagemin

这里的cnpm 也等于npm 也可以通过npm来安装

安装以后 通过require来进行引用

然后去终端通过gulp命令来执行

 但是这里会报错一个错误require() of ES modules is not supported.出现这个错误 就说明插件版本引用出现了问题

这个时候快要去npmjs.com官网去搜索gulp-imagemin的历史版本

 然后通过npm 去降低gulp-imagemin的版本

 cnpm i -D gulp-imagemin@7.0.0版本

然后再次调用gulp命令,就成的运行啦

 

gulp-starter:适用于CSS，JS，HTML和图像的基本Gulp项目
04-07
这个项目旨在帮助初学者快速上手Gulp，并为有经验的开发者提供一个高效的工作起点。 **Gulp简介** Gulp是一个基于Node.js的自动化构建工具，它允许开发者通过编写任务来自动化日常的开发流程，如编译源代码、压缩...
GulpStart:gulp入门实战
05-12
GulpStart 是一个针对初学者的教程，旨在帮助开发者快速上手使用Gulp——一个流行的JavaScript任务自动化工具。通过这个实战教程，你可以了解到如何利用Gulp来优化你的前端开发流程，提升工作效率。 **Gulp简介** ...
gulp教程之gulp-imagemin
kaosini的专栏
01-29 1382
简介： 使用gulp-imagemin压缩图片文件（包括PNG、JPEG、GIF和SVG图片） 1、安装nodejs/全局安装gulp/本地安装gulp/创建package.json和gulpfile.js文件 1.1、gulp基本使用还未掌握？请参看： gulp详细入门教程 1.2、本示例目录结构如下： 2、本地安装gulp-imagemin 2.
Gulp项目问题 | gulp-imagemin插件8.0版本小bug（Error [ERR_REQUIRE_ESM]: Must use import to load ES Module）
weixin_42655047的博客
11-05 7349
问题 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
gulp-cache的一个小坑
11-19 2116
之前用项目用gulp进行前端的构建，用到压缩图片插件gulp-imagemin, 后来发现每次发布图片每次都压缩一遍，太慢了 ，所以用了gulp-cache，原来10来分钟的事情，几十秒就搞定了。用了小半年，一直也没什么问题。 gulp-cache的原理是 监控到图片被改变了，替换了，才去压缩。在一般的使用场景都不会有问题， 但如果仅仅是改变了图片名字，则不会被替换。 eg： 把2016
project-start-gulp-源码.rar
10-10
"project-start-gulp-源码.rar"这个压缩包文件，很显然是一个关于使用Gulp启动项目的源码示例，对于初学者和有经验的开发者来说，都是一个很好的学习资源。 1. **Gulp简介** Gulp的核心思想是流式处理，它将各种...
web-skeleton:用gulp进行基本网站开发的框架
05-22
【web-skeleton:基于...总之，`web-skeleton`是一个为初学者和经验丰富的开发者准备的高效网站开发框架，借助Gulp的强大功能，使得构建流程更加便捷和自动化。理解并掌握这个框架，将有助于提升Web开发的效率和质量。
gulp入门教程代码
08-10
本文将深入讲解`gulp`的基础知识和如何通过`gulp`进行项目构建，以帮助初学者快速入门。 `gulp`是一个基于任务的构建系统，它允许开发者通过编写简单的JavaScript任务来自动化复杂的项目工作流，如文件的编译、合并...
gulp构建项目（九）：gulp-imagemin压缩图片及gulp-cache缓存
猿始森林
12-03 2417
需求说明：压缩图片并且只是压缩修改过的图片。因为压缩图片比较耗时，我们只需要压缩修改的图片，没有修改的直接从缓存中读取。
Error in plugin “gulp-imagemin“
chenglichengwai_的博客
05-09 385
用gulp打包出现这个错误，各位大佬谁知道？
避坑！gulp-imagemin运行出问题
桃花扇的博客
09-26 2866
用gulp作为打包工具写音乐播放器，有一个插件是gulp-imagemin，是用来压缩图片的，安装总是报错，好不容易安装好一次，运行的时候还是报错，报错信息如下图。就温馨提示，遇到gulp-imagemin安装出问题，不要上火，能安安，不能安拉到，换webpack它不香吗。解决方案一删掉node_modules这个文件夹和package-lock.json文件，运行下列命名，重新安装。另外，如果有大佬能知道为啥会报错，还请不吝赐教，感激不尽！...
gulp-imagemin@8.0.0 不能用来找我
你怎么也喜欢嘴巴嘟嘟
01-10 521
打包图片的常见使用 package.json 最新版本都是使用 ES6 模块，如果本地使用的require()的话，两个用法不一致导致会出现问题，不如都使用ES6模块，只需要在package.json 添加"type": "module"即可。 { "name": "img", "version": "1.0.0", "description": "", "main": "gulpfile.js", "scripts": { "test": "echo \"Error: no
gulp-imagemin 安装失败问题解决
yoyo勰的博客
03-22 1333
问题描述 本地操作系统： 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
gulp常用插件-gulp-imagemin
吴小粥的博客
10-19 499
使用gulp-imagemin压缩图片文件（包括PNG、JPEG、GIF和SVG图片）。
imagemin 在各个平台报错运行报错时替代方案
qq_17209641的博客
06-28 700
使用imagemin.min.js 解决 imagemin 安装报错或缺少插件库问题
推荐使用：gulp-imagemin，图片优化利器
最新发布
gitblog_00377的博客
08-24 902
推荐使用：gulp-imagemin，图片优化利器 gulp-imageminMinify PNG, JPEG, GIF and SVG images项目地址:https://gitcode.com/gh_mirrors/gu/gulp-imagemin 在数字时代，网站和应用的性能优化至关重要，尤其是在图像加载速度方面。今天，我们要向大家隆重推荐一款开源神器——gulp-imagemin，这是...
require() of ES modules is not supported.解决办法
热门推荐
panda被占用了的博客
12-23 3万+
require() of ES modules is not supported的解决办法
gulp基础任务示例集：全面掌握gulp自动化工作流
开发者可以通过 npm 安装插件，例如 `gulp-less` 用于编译 LESS 文件，`gulp-uglify` 用于压缩 JavaScript 文件，`gulp-imagemin` 用于压缩图片等。每个插件都有自己的 API 和方法，它们通常返回一个可读（readable...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值