Unsupported MIME type: image/webp

[pixelpaulaus]

i seem to get this error NonErrorEmittedError: (Emitted value instead of an instance of Error) Unsupported MIME type: image/webp

for the following

<picture> <source :srcset="require('~/assets/images/brand/logo-light.png?resize&size=155&format=webp')" type="image/webp"> <source :srcset="require('~/assets/images/brand/logo-light.png?resize&size=155')" type="image/png"> <img src="~/assets/images/brand/logo-light.png?resize&size=155" srcset="~/assets/images/brand/logo-light.png?resize&size=310 2x" alt="logo"> </picture>

i have install all the correct dependancies.

"devDependencies": { "@aceforth/nuxt-optimized-images": "^1.4.0", "@nuxtjs/eslint-config": "^3.1.0", "@nuxtjs/eslint-module": "^2.0.0", "@nuxtjs/tailwindcss": "^3.4.2", "babel-eslint": "^10.1.0", "eslint": "^7.10.0", "eslint-plugin-nuxt": "^1.0.0", "imagemin-gifsicle": "^7.0.0", "imagemin-mozjpeg": "^9.0.0", "imagemin-pngquant": "^9.0.1", "imagemin-svgo": "^8.0.0", "lqip-loader": "^2.2.1", "node-sass": "^5.0.0", "nuxt-purgecss": "^1.0.0", "responsive-loader": "^2.3.0", "sass-loader": "^10.1.0", "sqip-loader": "^1.0.0", "webp-loader": "^0.6.0" }

i have no idea why it is doing the error:

[juliomrqz]

Can you provide a live example with the images you're using? Maybe using CodeSandbox. Thanks.

[nagiek]

FWIW, I ran into this problem when I forgot to install sharp.

[MaxZelinka]

Same issue still there for me too.