最近，我开始将我的Next.js项目升级到TypeScript，并将我的导入别名从@/*修改为@*。这是我的新tsconfig.json。

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "bundler",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "incremental": true,
    "removeComments": true,
    "noUnusedLocals": true,
    "allowUnreachableCode": false,
    "noUnusedParameters": true,
    "noImplicitReturns": true,
    "paths": {
      "@*": ["./src/*"]
    }
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
  "exclude": ["node_modules"]
}

字符串
我将自定义类型存储在**/types**文件夹中，如User.ts

export type TUser = {
  _id: string;
  name: string;
  ...
};

型
我可以在我的应用程序上导入任何内容，例如：

import Header from "@components/Header"
or
import { ConnectToDatabase } from "@modules/mongodb";

型
但是当我尝试以这种方式导入自定义类型User时。

import { TUser } from "@types/User";

型
我得到这个编译错误。

Cannot import type declaration files. Consider importing 'User' instead of '@types/User'.

型
但是如果我像下面这样导入，错误就会消失。

import { TUser } from "@/types/User";

型
如果我将文件夹**types**重命名为其他文件夹，我可以正常导入。

import { TUser } from "@typesd/User";

型
为什么会这样？