'@' import not working

[gabriansa]

Summary

I get the following error of module not found in my page.jsx: Module not found: Can't resolve '@/components/ui/button'.

I am importing with import { Button } from "@/components/ui/button"; Standard shadcn/ui button.

My jsconfig.json is as follows:

{
  "compilerOptions": {
    "paths": {
      "@/*": ["./src/*"]
    }
  }
}

So it should allow for @ type imports. I can't figure out why I keep getting this error. I tried to create a new project from scratch and still encounter it.

Additional information

No response

Example

No response

[mandorakannu]

You have to pass a baseUrl too.

    "baseUrl": ".",
    "paths": {
      "@/*": ["./*"]
    }

[gabriansa]

I tried that but I still encounter the same issue. Actually, I noticed that when I run something like npx shadcn@latest add button then it creates a new folder @/components/ui where it places the component. However it should use the src.

[AmaraFray]

Summary

I get the following error of module not found in my page.jsx: Module not found: Can't resolve '@/components/ui/button'.

I am importing with import { Button } from "@/components/ui/button"; Standard shadcn/ui button.

My jsconfig.json is as follows:

{
  "compilerOptions": {
    "paths": {
      "@/*": ["./src/*"]
    }
  }
}

So it should allow for @ type imports. I can't figure out why I keep getting this error. I tried to create a new project from scratch and still encounter it.

Additional information

No response

Example

No response

any solution? when i replace the "@" imports with direct imports like "../" it works. any way to resolve it, our tsconfig is the same