HELP!!!! Failed to resolve import "src/lib/utils" from ... Does the file exist?

[tmhourani]

Hello everyone,
I am trying to follow this tutorial (https://www.youtube.com/watch?v=_W3R2VwRyF4) on youtube and am trying to test out the button component, but I keep getting an error message:

[plugin:vite:import-analysis] Failed to resolve import "src/lib/utils" from "src/components/ui/button.tsx". Does the file exist?

Both "utils.ts" and "button.tsx" are located in the correct path, so I am really confused why it is not working.

Here is a screen shot of the rest of the error message:

I am assuming that it is a syntax OR a path error. Does anyone have any thoughts? Thank you.

[abhayclasher]

vite doesn't resolve absolute paths like src/lib/utils by default. just change the import in your button.tsx to a relative path like ../../lib/utils or set up the @ alias in your vite.config.ts and use @/lib/utils instead. running npx shadcn-ui@latest init usually configures this for u automatically.