responsive-loader with sharp error

[shenburak]

I get this error when I use the responsive-loader with sharp, but it works well with the jimp module.

Error: Cannot find module '...node_modules\responsive-loader\lib\index.js/sharp'

-Windows OS

[cyrilwanner]

Hi @qeneke
Thank you for reporting this issue! This was my bad, I didn't think about the different directory separator on windows when I wrote the regex for detecting the sharp adapter.
I just published v2.3.1 to npm which should solve this issue.

[vioule]

Got the same error
Error: Cannot find module '.../node_modules/responsive-loader/lib/cjs.js/sharp'

package.json
  "dependencies": {
    "imagemin-mozjpeg": "^9.0.0",
    "next": "9.5.1",
    "next-optimized-images": "^2.6.2",
    "react": "16.13.1",
    "react-dom": "16.13.1",
    "responsive-loader": "^2.0.2",
    "sharp": "^0.25.4",
    "styled-components": "^5.1.1"
  },

I solved the problem like this for the moment in responsive-loader.js

  if (!adapter && detectedLoaders.responsiveAdapter === 'sharp') {
    console.log('wrong :')
    console.log(`${detectedLoaders.responsive}${path.sep}sharp`)
    console.log('right :')
    console.log(`${detectedLoaders.responsive.split('lib')[0]}sharp`)
    // adapter = require(`${detectedLoaders.responsive}${path.sep}sharp`); // <-- old one
    adapter = require(`${detectedLoaders.responsive.split('lib')[0]}sharp`); // <-- new one
  }

wrong :
../node_modules/responsive-loader/lib/cjs.js/sharp
right :
../node_modules/responsive-loader/sharp

[7mioda]

I got the same error Error: Cannot find module '.../node_modules/responsive-loader/lib/cjs.js/sharp'

[traversng]

Im still getting this error with version: 2.6.2. Can we reopen this issue?

[alexis-regnaud]

Same for me. Work with 2.0.0 but not for 2.0.1 and 2.0.2

[hayanisaid]

I'm having the same issue 😩

[x4th]

Same issue.

[Germs31]

Same Issue

[mrroll]

I've made a PR and a temporary package

[AdsonCicilioti]

Same problem.

[AdriaN458]

For anyone still having this issue, downgrade the package to 2.0.0 for now. Hopefully, it'll be fixed for newer versions.

npm i [email protected]

[jrhager84]

Any word on a fix for this?

[JohannesSchwegler]

For anyone still having this issue, downgrade the package to 2.0.0 for now. Hopefully, it'll be fixed for newer versions.

npm i [email protected]

Unfortunately, this is not working for me. Using it with nuxt-optimized-images

[barclayiversen]

Having this issue, still no fix?

[ojoven]

Wow! It's been a long ride!
Same here, same error.

[ojoven]

Hey everyone, I didn't try it but I found this on responsive-loader's npm:
https://www.npmjs.com/package/responsive-loader

If you want to use sharp, you need to configure responsive-loader to use its adapter:

module.exports = {
  // ...
  module: {
    rules: [
      {
        test: /\.(jpe?g|png|webp)$/i,
        use: [
          loader: 'responsive-loader',
          options: {
            adapter: require('responsive-loader/sharp')
          }
        ]
      }
    ]
  },
}

Not gonna lie, I went for Jimp, but I thought this could help.

[Msulecki]

Not gonna lie, I went for Jimp, but I thought this could help.

Defining Sharp as adapter in config worked for me, thanks

[FaCRO]

Adding

  responsive: {
    adapter: require("responsive-loader/sharp"),
  },

to the nextjs config should help, following the implementation at

next-optimized-images/lib/loaders/responsive-loader.js

Line 15 in fe31e5c

let adapter = responsive ? responsive.adapter : undefined;