Path aliases fails to resolve "@/*"

[dinesh-hills]

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

Despite I have done everything correct.
It works when using relative path ../../libs/cn
Why is it the problem with solid vite plugin?

I am using plain solidjs with Typescript

[hngngn]

you need to update your path in tsconfig.json to "@"

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

and add this to your vite.config.ts

resolve: {
  alias: {
    "@": resolve(__dirname, "./src")
  }
}

you can read how to setup manual too.

[dinesh-hills]

Thanks for the quick response, Yes I did exactly as per the manual, I missed the vite config part which was not mentioned in the manual.

[hngngn]

I'm adding new installation guide for astro too so i will add this in the next update.