Images Not Loading After Path Changes
Images that were previously displaying correctly now fail to load after Cursor reorganized your asset or component files. Broken image icons appear where images should be.
Image paths are incorrect after the file move.
Error Messages You Might See
Common Causes
- Image src path not updated after files moved
- Relative path depth incorrect (../../assets vs ../assets)
- Public folder not served or path to it changed
- Image import removed, trying to use string path
- Build process changed how assets are referenced
How to Fix It
Use absolute paths from public: /images/logo.png not relative. Or import: import logo from './logo.png'; <img src={logo} />. Check DevTools Network tab for actual request 404. Verify webpack/build config serves public folder.
Real developers can help you.
You don't need to be technical. Just describe what's wrong and a verified developer will handle the rest.
Get HelpFrequently Asked Questions
How do I reference public folder images?
Use absolute path: /images/logo.png. Assumes public/ is served at root. Check webpack publicPath.
Should I import images or use src?
Both work. Import for bundling/hashing. Src string for public folder. Choose based on how you want them served.