Pngquant-bin dependency missing the executable file

[r007]

Hi guys,

Description

Recently I upgraded all the dependencies to the latest versions. When I do npm install then gatsby build I get this error:

success onPostBootstrap - 0.183s
info bootstrap finished - 17.455s
success run static queries - 0.029s - 1/1 34.82/s

 ERROR 

error converting image Processing /home/r007/Projects/ocius/src/blog/7806/OCIUS-team-and-Navy-Lead.png failed

Original error:
Command failed with ENOENT: /home/r007/Projects/ocius/node_modules/pngquant-bin/vendor/pngquant - --strip --quality 50-75
spawn /home/r007/Projects/ocius/node_modules/pngquant-bin/vendor/pngquant ENOENT

I opened the /home/r007/Projects/ocius/node_modules/pngquant-bin/vendor/ folder, there is nothing there. Only source code folder. I tried downgrading the dependencies, but it didn't help much. The only solution that helped me is this:

npm install --save imagemin-pngquant

After that, everything works as expected. Also yarn users are not affected, for some reason, yarn install works fine even without imagemin-pngquant dependency.

Steps to reproduce

1. Use Ubuntu.
2. git clone https://github.com/ocius/website ocius
3. cd ocius
4. git checkout redesign-stage-1
5. Remove the "imagemin-pngquant" dependency
6. npm install
7. gatsby build

Environment

  System:
    OS: Linux 5.8 Ubuntu 20.10 (Groovy Gorilla)
    CPU: (8) x64 Intel(R) Core(TM) i7-2600K CPU @ 3.40GHz
    Shell: 5.0.17 - /bin/bash
  Binaries:
    Node: 14.16.0 - ~/.nvm/versions/node/v14.16.0/bin/node
    Yarn: 1.22.10 - ~/.nvm/versions/node/v14.16.0/bin/yarn
    npm: 7.6.3 - ~/.nvm/versions/node/v14.16.0/bin/npm
  Languages:
    Python: 2.7.18 - /usr/bin/python
  Browsers:
    Chrome: 87.0.4280.141
    Firefox: 88.0
  npmPackages:
    gatsby: ^3.4.0 => 3.4.0
    gatsby-awesome-pagination: ^0.3.8 => 0.3.8
    gatsby-background-image: ^1.5.3 => 1.5.3
    gatsby-plugin-advanced-sitemap: ^1.6.0 => 1.6.0
    gatsby-plugin-gtag: ^1.0.13 => 1.0.13
    gatsby-plugin-image: ^1.4.0 => 1.4.0
    gatsby-plugin-mailchimp: ^5.2.2 => 5.2.2
    gatsby-plugin-optimize-svgs: ^1.0.5 => 1.0.5
    gatsby-plugin-react-helmet: ^4.4.0 => 4.4.0
    gatsby-plugin-sharp: ^3.3.1 => 3.4.0
    gatsby-plugin-styled-components: ^4.4.0 => 4.4.0
    gatsby-remark-copy-linked-files: ^4.1.0 => 4.1.0
    gatsby-remark-images: ^5.1.0 => 5.1.0
    gatsby-remark-images-grid: ^1.1.2 => 1.1.2
    gatsby-remark-responsive-iframe: ^4.1.0 => 4.1.0
    gatsby-source-filesystem: ^3.4.0 => 3.4.0
    gatsby-transformer-remark: ^4.1.0 => 4.1.0
    gatsby-transformer-sharp: ^3.4.0 => 3.4.0
    gatsby-transformer-yaml: ^3.4.0 => 3.4.0
  npmGlobalPackages:
    gatsby-cli: 3.4.0

[LekoArts]

You don't need to add imagemin-pngquant yourself. npm probably screwed up your dependencies, deleting your lock file and node_modules folder probably helps.