有关vite的别名配置后找不到模块的问题

下午折腾了下vite 到配置别名这里就一直过不去 报找不到

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

// https://vitejs.dev/config/
export default defineConfig({
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "src"),
      components: path.resolve(__dirname, "src/components"),
      styles: path.resolve(__dirname, "src/styles"),
      plugins: path.resolve(__dirname, "src/plugins"),
      views: path.resolve(__dirname, "src/views"),
      layouts: path.resolve(__dirname, "src/layouts"),
      utils: path.resolve(__dirname, "src/utils"),
      apis: path.resolve(__dirname, "src/apis"),
      dirs: path.resolve(__dirname, "src/directives"),
    },
  },
  plugins: [vue()],
});

配置没什么问题但是安装后会提示没有"@vitejs/plugin-vue"这个插件
需要升级版本
1.0~~~~升级至"^2.5.10",之后版本即可
晕 搞了半天