vite创建的react18的@路径提示配置

 1.配置vite.config.ts

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import path from "path";
export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
    },
  },
});

2.配置tsconfig.app.json tsconfig.json tsconfig.node.json
其中："type": ["node"], 只需在tsconfig.json中配置

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

3.安装 @types/node 解决类型问题错误 

4.重启vscode使用@