macos - gulp-imagemin错误: optipng: cannot execute binary file

Question

我正在运行一个在我的机器上安装了 Gulp 的项目。运行 Gulp Watch 时，如果我向文件夹添加新图像，我的 gulp-imagemin 会使进程崩溃。我已正确设置该文件夹的所有权限(检查多次)，并且图像也具有正确的权限。

该过程抛出以下错误:

Error: Command failed: /Users/robbert/Sites/wordpress_cyklo/node_modules/gulp-imagemin/node_modules/imagemin/node_modules/imagemin-optipng/node_modules/optipng-bin/vendor/optipng -strip all -clobber -force -fix -o 2 -out /var/folders/kj/wydtr_t92hqgymv2d2v43pjw0000gr/T/9ab534f4-267f-46cb-b99f-372028e6ed5b /var/folders/kj/wydtr_t92hqgymv2d2v43pjw0000gr/T/eabb0414-f9db-4b6f-8242-4c8d25004e1d /Users/robbert/Sites/wordpress_cyklo/node_modules/gulp-imagemin/node_modules/imagemin/node_modules/imagemin-optipng/node_modules/optipng-bin/vendor/optipng: /Users/robbert/Sites/wordpress_cyklo/node_modules/gulp-imagemin/node_modules/imagemin/node_modules/imagemin-optipng/node_modules/optipng-bin/vendor/optipng: cannot execute binary file

每当我在该文件夹上运行 Gulp 时，都会遇到相同的错误，除非我通过 Vagrant VM 运行它。我该如何解决？我的虚拟机速度慢很多，所以我真的希望能够在我的主操作系统上运行 Gulp。

编辑:这是图像的 gulp :

// ### Images
// `gulp images` - Run lossless compression on all the images.
gulp.task('images', function() {
  return gulp.src(globs.images)
    .pipe(imagemin({
      progressive: true,
      interlaced: true,
      svgoPlugins: [{removeUnknownsAndDefaults: false}, {cleanupIDs: false}]
    }))
    .pipe(gulp.dest(path.dist + 'images'))
    .pipe(browserSync.stream());
});

Answer 1

gulp-imagemin 依赖 optipng优化 PNG 图像。 optipng 是用 C 编写的 native 程序，而不是 JavaScript。这意味着当您 npm install gulp-imagemin 时，会安装适合您的系统架构的 optipng 可执行文件。

如果您在一个系统(例如 Linux)上运行 npm install gulp-imagemin，然后将包括 node_modules 文件夹的整个项目复制到另一个系统(例如 MacOS X) ，optipng 可执行文件仍将是适用于 Linux 的可执行文件。 MacOS X 无法运行 Linux 可执行文件。

即使您没有显式复制项目，而是意外地将 node_modules 文件夹提交到存储库中，也可能会出现相同的问题。

最好的选择是从头开始删除整个 node_modules 文件夹和 npm install:

rm -rf node_modules
npm install