Error when importing sharp package - Nextjs Image Blur Placeholder Hash

reepicheep05last year

9

// node_modules/detect-libc/lib/detect-libc.js
const childProcess = require('child_process');

Module not found: Error: Can't resolve 'child_process' in '/Users/.../node_modules/detect-libc/lib'

• 

  jarrod_not_jared

  last year

  100%

  
  

  
  

  That’s the issue

• 

  reepicheep05last year

  Heck yeah! the docs make this look really easy, but I'm still on it. Not out of the woods yet haha

• 

  jarrod_not_jared

  last year

  What’s not working for ya? What’s your webpack property look like in your payload config?

• 

  reepicheep05last year

  I got it working! Thanks though. I was trying to reroute a folder, but my syntax must have been off. I am currently just aliasing a single file and it working great.

  
  

  
  

  It would be nice to alias a folder all to one mock file.

• 

  jarrod_not_jared

  last year

  I just don't think thats how it works. When webpack traverses the file tree, it looks at all import paths at the top of files and then compares each one with the ones in your resolve.alias and if it finds an alias route, it uses that instead

  
  

  
  

  But now you know how to fix it and will recognize it when others run into it. Glad you were able to solve 🙂

• 

  reepicheep05last year

  Ok that makes sense. Thanks for the help!

• 

  kristijan007vlast year

  Hi, sorry I am late to topic I hope you can replay, how did you manage to solve this issue in the end, I have the same problem and tried everything…

  
  

  
  

  Thank you in advance

• 

  notchrlast year

  @kristijan007v is sharp making it into the client bundle? it shouldnt

• 

  kristijan007vlast year

  @notchris I think it is, I tried adding it to the externals inside the webpack config for Payload and many other things with no success, I opted in using this library

  https://plaiceholder.co

  after all

  
  

  
  

  @notchris Thank you for trying to help 🍻