Vue3+Vite 解决“找不到模块“@/components/xxx.vue”或其相应的类型声明 ts(2307)”

1. 安装插件

pnpm i @types/node -D

2. 修改vite.config.ts文件

import path from 'path';

  resolve: {
    alias: {
      "@": path.resolve(__dirname,"./src"),
    },
  },

3. 修改tsconfig.app.json文件

• 别人教的都是修改tsconfig.json文件，但是我发现可能是因为版本的问题，我的tsconfig.json长这样：
  
• 在tsconfig.app.json文件中添加

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

• 终于不报错了

4. vue和vite的版本