javascript - 无法构建项目 : TypeError: imagemin. gifsicle 不是函数

Question

我已经安装了gulp-imagemin插件并使用以下设置设置任务:

const gulp = require('gulp');
const imagemin = require('gulp-imagemin');

gulp.task('default', () =>
    gulp.src('src/images/*')
        .pipe(imagemin([
    imagemin.gifsicle({interlaced: true}),
    imagemin.jpegtran({progressive: true}),
    imagemin.optipng({optimizationLevel: 5}),
    imagemin.svgo({
        plugins: [
            {removeViewBox: true},
            {cleanupIDs: false}
        ]
    })
]))
        .pipe(gulp.dest('dist/images'))
);

在构建过程中，我收到此消息:TypeError: imagemin.gifsicle is not a function。有谁知道为什么会发生这种情况？我是否缺少依赖项？

谢谢

Answer 1

要手动安装，我会尝试在主 package.json 中的依赖项(或 devDependency)下添加这些内容，并在 js 文件中使用它，如下所示:

const imageminGifsicle = require('imagemin-gifsicle');

gulp.task('default', () =>
    gulp.src('src/images/*')
        .pipe(imagemin([
    imageminGifsicle({interlaced: true}),

---

上一篇文章:

看起来是的，缺少一些依赖项。从 gulp-imagemin package.json 文件中我们可以看到这些依赖项嵌套在 optionalDependencies 下:

"optionalDependencies": {
  "imagemin-gifsicle": "^5.2.0",
  "imagemin-jpegtran": "^5.0.2",
  "imagemin-optipng": "^5.2.1",
  "imagemin-svgo": "^6.0.0"
}

如果这些插件安装失败，它不会停止gulp-imagemin安装。所以首先尝试访问gulp-imagemin其 package.json 所在的文件夹并运行 npm install 。

如果这不能解决您的问题，您可以尝试手动安装这些插件 - npm install imagemin-gifsicle .