Failed to resolve import from "./components/Component" even though file exists (Mac/TextEdit issue?)

[dreamagentsacademy-ctrl]

I'm on Mac, using TextEdit to edit .tsx files.

The file is in src/components/IgniteAgentButton.tsx, import is './components/IgniteAgentButton' (single quotes, no semicolon), but Vite still says "Failed to resolve import". Cache cleared with rm -rf node_modules/.vite, restarted server, file name exact. App.tsx and structure attached.

Screenshots: [attach your folder screenshots and error]

Please, help

[tt-a1i]

This is likely a TextEdit issue. TextEdit on Mac has some quirks that can cause problems:

1. Hidden extensions: TextEdit might save files as IgniteAgentButton.tsx.txt or IgniteAgentButton.tsx.rtf while Finder hides the extra extension. Check in Terminal:

   ls -la src/components/

2. RTF format: TextEdit defaults to Rich Text Format. If not in plain text mode, it saves as .rtf even if you name it .tsx. To fix:

   • Open TextEdit preferences
   • Under "New Document", select "Plain text"
   • Or use Format → Make Plain Text before saving

3. Case sensitivity: Check if the actual filename case matches your import exactly.

For development, I'd recommend using VS Code, Cursor, or another code editor instead of TextEdit - they handle file extensions correctly and provide syntax highlighting, autocomplete, and error detection that will make React development much easier.