Doesn't work with sharp in eleventy

[dadyarri]

Issue

When node-canvas installed along with sharp, site can't build with error

[11ty] Eleventy CLI Fatal Error: (more in DEBUG output)
[11ty] 1. Error in your Eleventy config file '.eleventy.js'. (via EleventyConfigError)
[11ty] 2. The specified procedure could not be found.
[11ty] \\?\E:\Projects\frontend\portfolio\node_modules\canvas\build\Release\canvas.node (via Error)
[11ty]
[11ty] Original error stack trace: Error: The specified procedure could not be found.
[11ty] \\?\E:\Projects\frontend\portfolio\node_modules\canvas\build\Release\canvas.node
[11ty]     at Module._extensions..node (node:internal/modules/cjs/loader:1353:18)
[11ty]     at Module.load (node:internal/modules/cjs/loader:1125:32)
[11ty]     at Module._load (node:internal/modules/cjs/loader:965:12)
[11ty]     at Module.require (node:internal/modules/cjs/loader:1149:19)
[11ty]     at require (node:internal/modules/helpers:121:18)
[11ty]     at Object.<anonymous> (E:\Projects\frontend\portfolio\node_modules\canvas\lib\bindings.js:3:18)
[11ty]     at Module._compile (node:internal/modules/cjs/loader:1267:14)
[11ty]     at Module._extensions..js (node:internal/modules/cjs/loader:1321:10)
[11ty]     at Module.load (node:internal/modules/cjs/loader:1125:32)
[11ty]     at Module._load (node:internal/modules/cjs/loader:965:12)
ERROR: "watch:eleventy" exited with 1.

Steps to Reproduce

1. Install @11ty/eleventy-img
2. Install canvas
3. Get the exception

Your Environment

• Version of node-canvas: 2.11.2
• Version of sharp: @11ty/eleventy-img@3.1.0 -> sharp@0.32.1
• Environment: node 20.0.0 on Windows 11

[yukunyi]

I'm also having this issue and my workaround is to require canvas before require sharp

[dadyarri]

I'm also having this issue and my workaround is to require canvas before require sharp

Tried this, didn't help. Now I'm doing this project in wsl

[zbjornson]

There's a known incompatibility with sharp: #930. A recent post there said v0.32.5 might work.

Closing as a duplicate.