When I upload a WebP image, it fails if I use the imageSizes configuration. However, it works fine without imageSizes. Does anyone have any ideas on how to fix this? Thanks!
Here is my code:
upload: {
staticDir: path.resolve(__dirname, '../../../media'),
imageSizes: [
{
name: 'webp',
formatOptions: { format: 'webp' },
},
{
name: 'thumbnail',
width: 200,
formatOptions: { format: 'webp' },
},
{
name: 'medium',
width: 800,
formatOptions: { format: 'webp', options: { quality: 90 } },
},
{
name: 'large',
width: 1200,
formatOptions: { format: 'webp' },
},
],
adminThumbnail: 'thumbnail',
},
Error Message:
ERROR: Expected integer for top but received NaN of type number
err: {
"type": "Error",
"message": "Expected integer for top but received NaN of type number",
"stack":
Error: Expected integer for top but received NaN of type number
at Object.invalidParameterError (C:\dev\CMS\payload\cm-website\packages\payload\node_modules.pnpm\[email protected]\node_modules\sharp\lib\is.js:135:10)
at Sharp.<anonymous> (C:\dev\CMS\payload\cm-website\packages\payload\node_modules.pnpm\[email protected]\node_modules\sharp\lib\resize.js:483:16)
at Array.forEach (<anonymous>)
at Sharp.extract
Any help would be greatly appreciated!