juliomrqz/nuxt-optimized-images

Weird bug with resizing

JakuninOleg opened this issue · 4 comments

I've got an error on my Mac at work, but my home mac works fine with this library. Here's the error. Maybe, I have to install something globally?

ERROR  Failed to compile with 1 errors                                                                                                                                                                                                                                           friendly-errors 12:28:22


 ERROR  in ./assets/images/pc-1__small.png?resize                                                                                                                                                                                                                                 friendly-errors 12:28:22

Module build failed (from ./node_modules/responsive-loader/lib/index.js):                                                                                                                                                                                                         friendly-errors 12:28:22
Error: Input file contains unsupported image format
                                                                                                                                                                                                                                                                                  friendly-errors 12:28:22
 @ ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/Products.vue?vue&type=template&id=313e7082& 63:40-89 247:34-83
 @ ./components/Products.vue?vue&type=template&id=313e7082&
 @ ./components/Products.vue
 @ ./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib??vue-loader-options!./pages/index.vue?vue&type=script&lang=js&
 @ ./pages/index.vue?vue&type=script&lang=js&
 @ ./pages/index.vue
 @ ./.nuxt/router.js
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js

Thanks for opening this issue, a maintainer will get back to you shortly! Be sure to follow the issue template! 🤓

Hello @JakuninOleg. Can you list the content of your package.json and the configuration for this plugin? thanks

@juliomrqz sure
Here is my package.json file

{ "name": "zl_lombard", "version": "1.0.0", "description": "My phenomenal Nuxt.js project", "author": "olegjakunin", "private": true, "scripts": { "dev": "nuxt", "build": "nuxt build", "start": "nuxt start", "generate": "nuxt generate", "lint": "eslint --ext .js,.vue --ignore-path .gitignore .", "lintfix": "eslint --fix --ext .js,.vue --ignore-path .gitignore ." }, "dependencies": { "@bazzite/nuxt-optimized-images": "^0.3.0", "@nuxtjs/axios": "^5.3.6", "@nuxtjs/pwa": "^3.0.0-0", "contentful": "^7.13.1", "imagemin-mozjpeg": "^8.0.0", "imagemin-pngquant": "^8.0.0", "lazysizes": "^5.2.0", "now-builder": "^1.0.7", "nuxt": "^2.0.0", "nuxt-svg-loader": "^1.0.1", "responsive-loader": "^1.2.0", "sharp": "^0.23.4", "sqip-loader": "^1.0.0", "vue-awesome-swiper": "^3.1.3", "vue-slider-component": "^3.1.0", "vue-youtube": "^1.4.0", "webp-loader": "^0.6.0" }, "devDependencies": { "@nuxtjs/eslint-config": "^1.0.1", "@nuxtjs/eslint-module": "^1.0.0", "babel-eslint": "^10.0.1", "eslint": "^6.1.0", "eslint-plugin-nuxt": ">=0.4.2", "node-sass": "^4.13.0", "sass-loader": "^8.0.0" } }

and here is nuxt config

optimizedImages: { inlineImageLimit: -1, handleImages: ["jpeg", "png", "svg", "webp", "gif"], optimizeImages: true, optimizeImagesInDev: true, defaultImageLoader: "img-loader", mozjpeg: { quality: 85 }, optipng: false, pngquant: { speed: 7, quality: [0.85, 0.95] }, webp: { quality: 95 }, responsiveLoader: "sharp" }

stale commented

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.