Image not found in deploy preview

Support
,
1

I have created a react app in my nx monorepo under apps/client. The project is maintained inside GitHub in an open repo. (GitHub - the-ai-team/razor). Netlify project is connected to the GitHub repo and enabled for continuous deployment.

In deploy preview my project logo is not showing.
PR - [Solved #25] Base layout development and initialization by supunTE · Pull Request #26 · the-ai-team/razor · GitHub
Deploy preview link - https://deploy-preview-26--razor-web.netlify.app/
But in the permalink image is showing - https://63c8e40fdfa4bb2882a41ff7--razor-web.netlify.app/

I saw the image loading from a domain called https://netlify-cdp-loader.netlify.app in the deploy preview.
in the permalink, it’s not another domain but the same domain.

image
image724×114 12.4 KB

I also tried disabling Collaboration tools also tried to delete the cache and building.

2

This replaces happening when I do import and placing the image

import logo from '../assets/images/logo.png'; <img src={logo} alt='' />

But when put my image inside the assets folder and did the following it won’t hide
<img src ='./assets/images/logo.png' alt ='' />

3

Currently, I’m seeing a white page for: https://deploy-preview-26--razor-web.netlify.app/ and I do not see any references to netlify-cdp-loader anymore. Has something changed?

4

I tried enabling asset optimization, now the domain is not netlify-cdp-loader but some CDN domain, which is not found again. the image there is not loading. You can see the expected result through the permalink. https://63c8e40fdfa4bb2882a41ff7--razor-web.netlify.app/

5

I disabled asset optimization and working again. not sure of the reason.

1 Like
6

Hi @gateway.0xait :wave:t6: ,

Welcome to the forums thanks so much for coming back and letting us know what you did to fix the problem.