alias别名@ src问题

[SilentFlute]

我用官方create-umi cli工具创建了一个项目, 然后创建了一个文件: /src/hooks/usePrevious.ts, 接着在/src/pages/about.tsx中引入:

import usePrevious from '@/hooks';

然后执行$ yarn dev, 结果就报错了:

Can't resolve 'D:/code/react-draft/src/hooks' in 'D:\code\react-draft\src\pages' [plugin esbuildAliasPlugin]

我记得umi的@指向src是默认就有的嘛, 而且生成的/src/.umi/tsconfig.json中的paths中也有:

    "paths": {
      "@/*": [
        "src/*"
      ],
      "@@/*": [
        "src/.umi/*"
      ],
      "umi": [
        "D:\\code\\react-draft\\node_modules\\umi"
      ],
      "umi/typings": [
        "src/.umi/typings"
      ]
    }

怎么会报错呢? 是需要怎么配置一下吗?
我在默认生成的.umirc.ts中也尝试了alias的配置:

import path from "path";
import { defineConfig } from "umi";

export default defineConfig({
  alias: {
    '@/': path.join(__dirname, "./src")
  },
  routes: [
    { path: "/", component: "index" },
    { path: "/docs", component: "docs" },
    { path: "/about", component: "about" },
  ],
  npmClient: 'yarn',
});

但依旧是报同样的错, 请帮忙看看

[SilentFlute]

头晕了擦, 应该是这样才对:

import usePrevious from '@/hooks/usePrevious';

而不是:

import usePrevious from '@/hooks';

import语句没写全, 只写到目录而没到具体的文件