Cloudflare Developers•9mo ago

PNG image not loading on site

Page: https://dev.react-native-application.pages.dev/ Hi, I'm running into an issue where in my cloudflare pages, one png image is not loading up. That PNG image shows it was uploaded in the build and has a size of 5.44kb. Not sure why the other PNG images are loading, but this one isn't. I saw that we can disable rocket-launch but I don't believe that's in pages. This is the code I'm using

      <div className="hero-image">
        <div>
          <div className="tech-icon">
            <a href="https://www.ansible.com/" target="_blank" rel="noreferrer">
              <img
                src="./assets/images/ansible_logo.png"
                alt="Red Hat Ansible Logo"
              />
            </a>
          </div>
          <img src="./assets/images/profile.png" alt="hero" />
        </div>

      <div className="hero-image">
        <div>
          <div className="tech-icon">
            <a href="https://www.ansible.com/" target="_blank" rel="noreferrer">
              <img
                src="./assets/images/ansible_logo.png"
                alt="Red Hat Ansible Logo"
              />
            </a>
          </div>
          <img src="./assets/images/profile.png" alt="hero" />
        </div>

React App

Web site created using create-react-app

5 Replies

Chaika•9mo ago

That image doesn't exist: https://dev.react-native-application.pages.dev/assets/images/profile.png, and it's failing back to the index.html since you don't have a 404.html configured (SPA behavior)

React App

Web site created using create-react-app

Chaika•9mo ago

If you go to the Deployment in Pages and assets uploaded, what do you see? Magic link: https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/:pages-deployment/files

Chaika•9mo ago

oh I found it nvm, it's capitalized and Pages/linux is case sensitive https://dev.react-native-application.pages.dev/assets/images/Profile.png

Chaika•9mo ago

you could lowercase it, or change the image src

SolitaryOP•9mo ago

Yep.. That would do it. I appreciate you pointing out my human error 😮‍💨

Gaming

Programming

PNG image not loading on site