Images not showing when depoying site, not is fine locally

Support
1

roaring-biscochitos-2a0921 is linked to dreamy-froyo-b0fae5 (which is where my domain is at). The site has been working like this for years. Yesterday afternoon, none of my images (except my default image) showed when the site was deployed. However, the photos are shown fine on localhost on my machine. I erased the last post from yesterday, and the problem is still there. I tried to the possible solutions that were given with no result. I’m at a loss, and any help would be appreciated.

Thank you

2

@sean3318 Try comparing your actual “build output” locally with what is occurring on Netlify.

Don’t compare your local “development server”.

So if you’re running npm run build on Netlify, run it locally and check what it outputs.

You can also use the ‘Deploy File Browser’ to see what’s currently deployed on Netlify.

3

Thanks Nathan for the reply.

Comparing the logs appears to be the same.

From Netlify

Log from Netlify
Log from Netlify1874×3168 445 KB

Locally

Log Locally
Log Locally1920×2483 246 KB

When comparing the dist folders, there were some differences.
_astro folder is the same and has all the photos.
admin folder, partytown folder, _redirects, ads.txt, and favicon.svg is the same.
images folders are different. The images folder locally is short by 9. Both are short by a lot compared to the _astro folders. _astro has 852 (netlify and locally) when locally has 458 and netlify has 467.

Netlify.app
Let me know if anything else can help.

4

My response was premised on your site probably being a static site, (as you made no mention of what it was built with).

Now that you say it’s Astro, and the description of the files, it’s presumably SSR and hence your issues could be middleware/adapter related.

E.g. You may have a configuration that “literally does something different when deployed”, which will make it harder to debug.

Check your various settings/plugins, check the documentation etc

https://docs.astro.build/en/guides/integrations-guide/netlify/#netlify-image-cdn-support

Sorry I can’t provide any specific tips as I don’t work with Astro.

5

Fair enough. 1st time doing this on the forums. I didn’t think to bring up that it wasn’t a static site. I haven’t changed any settings and plugins in 2 years. A new post was the only thing new from two days ago when the site was last working. However, you gave me a direction to go. If anyone else deals with Astro and has suggestions, let me know. Thanks

6

For some reason, your site is trying to generate images inside Lambda: Function details | Functions | Logs | roaring-biscochitos-2a0921 | Netlify

ERROR  Unhandled Promise Rejection 	{"errorType":"Runtime.UnhandledPromiseRejection","errorMessage":"Error: \nSomething went wrong installing the \"sharp\" module\n\nlibvips-cpp.so.42: cannot open shared object file: No such file or directory\n\nPossible solutions:\n- Install with verbose logging and look for errors: \"npm install --ignore-scripts=false --foreground-scripts --verbose sharp\"\n- Install for the current linux-x64 runtime: \"npm install --platform=linux --arch=x64 sharp\"\n- Consult the installation documentation: https://sharp.pixelplumbing.com/install","reason":{"errorType":"Error","errorMessage":"\nSomething went wrong installing the \"sharp\" module\n\nlibvips-cpp.so.42: cannot open shared object file: No such file or directory\n\nPossible solutions:\n- Install with verbose logging and look for errors: \"npm install --ignore-scripts=false --foreground-scripts --verbose sharp\"\n- Install for the current linux-x64 runtime: \"npm install --platform=linux --arch=x64 sharp\"\n- Consult the installation documentation: https://sharp.pixelplumbing.com/install","stack":["Error: ","Something went wrong installing the \"sharp\" module","","libvips-cpp.so.42: cannot open shared object file: No such file or directory","","Possible solutions:","- Install with verbose logging and look for errors: \"npm install --ignore-scripts=false --foreground-scripts --verbose sharp\"","- Install for the current linux-x64 runtime: \"npm install --platform=linux --arch=x64 sharp\"","- Consult the installation documentation: https://sharp.pixelplumbing.com/install","    at Object.<anonymous> (/var/task/node_modules/sharp/lib/sharp.js:37:9)","    at Module._compile (node:internal/modules/cjs/loader:1364:14)","    at Module._extensions..js (node:internal/modules/cjs/loader:1422:10)","    at Module.load (node:internal/modules/cjs/loader:1203:32)","    at Module._load (node:internal/modules/cjs/loader:1019:12)","    at Module.require (node:internal/modules/cjs/loader:1231:19)","    at require (node:internal/modules/helpers:177:18)","    at Object.<anonymous> (/var/task/node_modules/sharp/lib/constructor.js:11:1)","    at Module._compile (node:internal/modules/cjs/loader:1364:14)","    at Module._extensions..js (node:internal/modules/cjs/loader:1422:10)"]},"promise":{},"stack":["Runtime.UnhandledPromiseRejection: Error: ","Something went wrong installing the \"sharp\" module","","libvips-cpp.so.42: cannot open shared object file: No such file or directory","","Possible solutions:","- Install with verbose logging and look for errors: \"npm install --ignore-scripts=false --foreground-scripts --verbose sharp\"","- Install for the current linux-x64 runtime: \"npm install --platform=linux --arch=x64 sharp\"","- Consult the installation documentation: https://sharp.pixelplumbing.com/install","    at process.<anonymous> (file:///var/runtime/index.mjs:1294:17)","    at process.emit (node:events:517:28)","    at emit (node:internal/process/promises:149:20)","    at processPromiseRejections (node:internal/process/promises:283:27)","    at process.processTicksAndRejections (node:internal/process/task_queues:96:32)"]}

Astro uses Netlify’s Image CDN if I’m not mistaken, but you seem to be using an outdated version of Astro. Have you tried upgrading to the latest?

7

I’m looking to doing that. I just don’t want to cause new issues. Thanks for bring this error to my attention.