Unable to build on M1

When trying to build the website on an M1 MacBook it fails. For some reason, this does not appear to be the case for other contributors.

• Node version: v18.12.1
• npm version: 8.19.2
• gulp-imagemin@8.0.0

When I run npm run build the following error occurs:

[23:17:04] TypeError in plugin "gulp-imagemin"
Message:
    function_ is not a function
Details:
    fileName: /Users/lars/Documents/GitHub/cwa-website/src/assets/img/App_Store_Badge_DE.svg
    domainEmitter: [object Object]
    domainThrown: false

When I run npm run dev the following error occurs:

[23:16:39] Error in plugin "gulp-webp"
Message:
    spawn Unknown system error -86
Details:
    errno: -86
    code: Unknown system error -86
    syscall: spawn
    fileName: /Users/lars/Documents/GitHub/cwa-website/src/assets/img/app-mockup.png
    domainEmitter: [object Object]
    domainThrown: false

As discovered by @MikeMcC399 in https://github.com/corona-warn-app/cwa-website/issues/3100#issuecomment-1305831728, I’m not the only one who has encountered this issue so far. The TypeError for gulp-imagemin was already reported in its repository at https://github.com/sindresorhus/gulp-imagemin/issues/373.

If anyone is able to reproduce this, feel free to comment below. It is of great interest for us to make this project work on M1 devices.

[MikeMcC399]

@larswmh

It looks like using Rosetta 2 is the only available workaround at this time. Deep down in the npm dependencies there are some binaries called up and for instance there is an old version of cwebp-bin (5.1.0) being used (latest is 8.0.0).

The version of gulp-webp (4.0.1) is the latest, although it is 4 years old. This is using imagemin-webp 5.1.0 released 3 years ago, and the current version is 7.0.0.

The latest gulp version (4.0.2) itself is also 4 years old, so it seems we have to work around whatever shortcomings are surfacing. I don’t expect much gulp update activity to occur. I guess a new project would prefer other tool / framework options?

[larswmh]

@MikeMcC399 @Ein-Tim

You didn’t mention which version of macOS you are using. I don’t know if that makes any difference.

It’s the latest version 13.0 (22A380).

Anyway, thank you both for your extensive help on this issue!