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" }
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.