error during build: [unplugin-imagemin] Cannot read properties of undefined (reading 'fileName')

[cooper1x]

Steps to reproduce

• nodejs 22
• "unplugin-imagemin": "^0.6.7",

$ npm run build

> ai-perfume-master@0.0.0 build
> vite build

postcss-px-to-viewport: postcss.plugin was deprecated. Migration guide:
https://evilmartians.com/chronicles/postcss-8-plugin-migration
vite v5.4.14 building for production...
✓ 473 modules transformed.
rendering chunks (88)...
[unplugin-imagemin] 📦 Process start with Squoosh
            ▶ dist/assets/mbti-p1-c1e48217.png 16.55 KB ➡️  2.13 KB +130ms
dist/assets/1-00d66fdd.png 12.19 KB ➡️  3.16 KB +168ms
            ▶ dist/assets/4-57d2d2e2.png 18.12 KB ➡️  3.74 KB +197ms
dist/assets/2-5900d7b5.png 15.01 KB ➡️  3.85 KB +218ms
dist/assets/3-9b19999c.png 16.78 KB ➡️  3.93 KB +235ms
dist/assets/result-btn-1f7a88fa.png 59.8 KB ➡️  13.81 KB +288ms
            ▶ dist/assets/share-btn-95c337a3.png 25.22 KB ➡️  10.21 KB +302ms
dist/assets/q2-fe8ae677.png 30.84 KB ➡️  5.74 KB +310ms
dist/assets/a-large-2a60b733.png 88.59 KB ➡️  8.49 KB +332ms
dist/assets/q1-b3220823.png 24.4 KB ➡️  5.45 KB +348ms
dist/assets/q6-1792404a.png 21.25 KB ➡️  5.45 KB +367ms
dist/assets/q3-6ecc5670.png 21.33 KB ➡️  5.42 KB +388ms
dist/assets/q4-fa67c93a.png 27.42 KB ➡️  5.58 KB +410ms
dist/assets/q5-57406aef.png 25.79 KB ➡️  5.49 KB +439ms
dist/assets/a-small-acbe2ed2.png 66.57 KB ➡️  6.83 KB +473ms
dist/assets/b-small-64abce32.png 84.88 KB ➡️  7.13 KB +507ms
dist/assets/mbti-p2-2dc228e3.png 83.52 KB ➡️  6.11 KB +539ms
dist/assets/b-large-a04fcb07.png 111.18 KB ➡️  8.97 KB +577ms
            ▶ dist/assets/share-box-3b712cf7.png 262.15 KB ➡️  22.17 KB +695ms
dist/assets/box-5b2a886d.png 375.3 KB ➡️  5.17 KB +750ms
dist/assets/share-image-box-37011d73.png 402.06 KB ➡️  32.6 KB +807ms
dist/assets/box1-32fd5a69.png 292.98 KB ➡️  21.59 KB +868ms
            ▶ dist/assets/result-box-777a2ccb.png 386.78 KB ➡️  34.27 KB +962ms
dist/assets/box2-71eba76b.png 305.02 KB ➡️  8.18 KB +990ms
dist/assets/entry-d9511e9e.png 630.36 KB ➡️  5.18 KB +1073ms
dist/assets/box5-312ea5e2.png 183.86 KB ➡️  5.29 KB +1074ms
dist/assets/share-62999dd2.png 761 KB ➡️  6.84 KB +1178ms
dist/assets/box4-cedddbbc.png 250.04 KB ➡️  20.09 KB +1198ms
dist/assets/box3-b7d1b884.png 248.42 KB ➡️  19.72 KB +1250ms
dist/assets/share-image-17ee9015.png 769.47 KB ➡️  8.21 KB +1347ms
dist/assets/box6-e25dcfcc.png 563.5 KB ➡️  33.91 KB +1366ms
            ▶ dist/assets/result-6c6a4671.png 725.56 KB ➡️  6.32 KB +1483ms
dist/assets/3-4e5c3996.png 644.46 KB ➡️  6.73 KB +1498ms
dist/assets/mbti-bg-a34fabb6.png 1.12 MB ➡️  6.59 KB +1580ms
dist/assets/4-812fde44.png 769.89 KB ➡️  8.78 KB +1647ms
dist/assets/6-4d873b6a.png 703.73 KB ➡️  5.19 KB +1713ms
dist/assets/1-5f6c0153.png 1.32 MB ➡️  21.86 KB +1786ms
dist/assets/2-984b3ddf.png 1.16 MB ➡️  274.87 KB +1919ms
dist/assets/5-00473d62.png 1.07 MB ➡️  243.28 KB +2089ms
x Build failed in 5.10s
error during build:
[unplugin-imagemin] Cannot read properties of undefined (reading 'fileName')
    at file:///D:/****/Node_modules/.pnpm/unplugin-imagemin@0.6.7_rollup@4.35.0/node_modules/unplugin-imagemin/dist/chunk-Q2XJ7VHS.mjs:1195:55
    at Array.forEach (<anonymous>)
    at Context.generateBundleHook (file:///D:/****/node_modules/.pnpm/unplugin-imagemin@0.6.7_rollup@4.35.0/node_modules/unplugin-imagemin/dist/chunk-Q2XJ7VHS.mjs:1193:16)
    at async Object.generateBundle (file:///D:/****/node_modules/.pnpm/unplugin-imagemin@0.6.7_rollup@4.35.0/node_modules/unplugin-imagemin/dist/chunk-Q2XJ7VHS.mjs:1435:9)
    at async Bundle.generate (file:///D:/****/node_modules/.pnpm/rollup@4.35.0/node_modules/rollup/dist/es/shared/node-entry.js:20172:9)
    at async file:///D:/****/node_modules/.pnpm/rollup@4.35.0/node_modules/rollup/dist/es/shared/node-entry.js:22878:27
    at async catchUnfinishedHookActions (file:///D:/****/node_modules/.pnpm/rollup@4.35.0/node_modules/rollup/dist/es/shared/node-entry.js:22243:16)
    at async build (file:///D:/****/node_modules/.pnpm/vite@5.4.14_@types+node@22.13.10_sass@1.85.1_terser@5.39.0/node_modules/vite/dist/node/chunks/dep-CHZK6zbr.js:65607:16)
    at async CAC.<anonymous> (file:///D:/****/node_modules/.pnpm/vite@5.4.14_@types+node@22.13.10_sass@1.85.1_terser@5.39.0/node_modules/vite/dist/node/cli.js:829:5)

What is expected?

What is actually happening?

System Info

Any additional comments?

No response

[ErKeLost]

Can you provide a reproduction repository?

[Jackky90]

same here.
Quick workaround: it always happen when imagemin method have specified custom options in vite config. Leaving it empty runs well.

[ErKeLost]

@Jackky90 What is the specific configuration? this is example demo config，But I didn't throw an error, I still need a reproducible repository

  plugins: [
    vue(),
    imagemin({
      // default true
      cache: false,
      // Default configuration options for compressing different pictures
      compress: {
        jpg: {
          quality: 10,
        },
        jpeg: {
          quality: 10,
        },
        png: {
          quality: 10,
        },
        webp: {
          quality: 10,
        },
      },
      conversion: [
        { from: 'jpeg', to: 'webp' },
        { from: 'png', to: 'webp' },
        { from: 'JPG', to: 'jpeg' },
      ],
    }),
  ],
});

[cooper1x]

Can you provide a reproduction repository?

@ErKeLost I can provide the source code, easy to leave a mailbox it.

[ErKeLost]

@cooper1x You can directly create a GitHub repository and submit it. This is more convenient. my email address is 1256029807@qq.com.

[chenxi2015]

Encountering this error when packaging AVIF format images. How can I resolve it?

[ErKeLost]

Encountering this error when packaging AVIF format images. How can I resolve it?

I'll try loading AVIF resources and will resolve this issue as soon as possible.

[chenxi2015]

@ErKeLost There's an error in the packaging. Missing field: "quality"

error during build:
[unplugin-imagemin] Cannot read properties of undefined (reading 'fileName')

[ErKeLost]

@ErKeLost There's an error in the packaging. Missing field: "quality"

error during build: [unplugin-imagemin] Cannot read properties of undefined (reading 'fileName')

@chenxi2015 Can you provide a reproduction repository?

[chenxi2015]

@ErKeLost I used the default method for image compression: imagemin().

This is a picture.

customer-brand.avif.zip

When I converted the AVIF to WebP format, the build was successful.

I may have found the problem.

The quality parameter is missing.

interface avifDefaultOptions {
    extension?: RegExp;
    cqLevel?: number;
    cqAlphaLevel?: number;
    denoiseLevel?: number;
    tileColsLog2?: number;
    tileRowsLog2?: number;
    speed?: number;
    subsample?: number;
    chromaDeltaQ?: boolean;
    sharpness?: number;
    tune?: number;
}

maybe you can check it out.

[bosens-China]

    imagemin({
      conversion: [
        { from: 'jpeg', to: 'webp' },
        { from: 'png', to: 'webp' },
        { from: 'JPG', to: 'jpeg' },
      ],
    } as never),

这样的配置出错

[ErKeLost]

imagemin({
conversion: [
{ from: 'jpeg', to: 'webp' },
{ from: 'png', to: 'webp' },
{ from: 'JPG', to: 'jpeg' },
],
} as never),
这样的配置出错

我去试一下 如果有问题的话 这周会发一版