Vite Path Alias throws TS2307 Modules not found error

[AmodeusR]

I'm trying to use Vite's path alias functionality but although it apparently works, this ts error keeps popping up and I don't know why. Both path aliases I tried configuring have the same error.

This is how the tsconfig file is:

{
  "files": [],
  "references": [
    { "path": "./tsconfig.app.json" },
    { "path": "./tsconfig.node.json" }
  ],
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"],
      "@api/*": ["../api/*"]
    }
  }
}

And this is how the vite config file is:

import path from "path";
import react from "@vitejs/plugin-react";
import { defineConfig } from "vite";


export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
      "@api": path.resolve(__dirname, "../api")
    },
  },
    server: {
      proxy: {
        "/api": {
          target: "http://localhost:3000",
          changeOrigin: true,
          rewrite: (path) => path.replace("api", "")
        }
      }
    }
});

[AmodeusR]

I figured out the problem. For some reason the typescript aliases needed to be in the tsconfig.app.json, not in the tsconfig.json. As soon as I moved the baseUrl and paths configs to the tsconfig.app.json it worked.