无法构建项目: TypeError: imagemin.gifsicle不是一个函数

Question

我安装了吞咽插件并设置了以下设置：

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、依赖项(或devDependencies)下，并在js文件中使用如下所示：

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

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

上一篇文章：

看起来是的，有些依赖项丢失了。从package.json 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。