别名提示不显示，这是为什么？

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


export default defineConfig({
  plugins: [vue()],
  // 配置别名
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "src"),
    },
  },
});

上面是vite.config.ts的别名配置

1.测试过别名注释在运行项目会报路径找不到，加上注释页面正常渲染（@符号）

import App from "@/App.vue";