如何使用 Vite 解决 TypeScript 项目中“找不到模块”和“noEmit”问题？

Question

找不到模块：即使我在

@/lib/utils

和

tsconfig.json

中都配置了路径别名，我还是遇到了无法找到模块

vite.config.ts

的错误。 TypeScript 或 Vite 似乎无法正确解析别名。

tsconfig.json

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

vite.config.ts

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

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
    },
  },
});

Answer 1

我们可以将配置移至

tsconfig.app.json

文件中，并在“compilerOptions”中添加以下内容：

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

特别感谢Loureto的解答。