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使用@