Image path configuration issue

Support
1

The name of my site is [My New Portfolio](https://johnjang.netlify.app](https://johnjang.netlify.app/)
This is a simple issue, but I could not find out why my new project was not rendering any pictures.
I have checked the paths for almost every picture. I believe that I was writing the proper path, but if it is not, I would like to know what other way is a proper writing for the image paths.

Here is the path for the project: my project

2

You would do well to read Adding Images, Fonts, and Files in the CRA docs (example from page)

import React from 'react';
import logo from './logo.png'; // Tell webpack this JS file uses this image

console.log(logo); // /logo.84287d09.png

function Header() {
  // Import result is the URL of your image
  return <img src={logo} alt="Logo" />;
}

export default Header;

rather than hard-coding a path (which doesn’t work in production as src no longer exists)

Also familiarise yourself with Vite’s static asset handling as explained in