1. 如果你卸载了Vetur插件还是不起效果！！！
2. 如果你在vite-env.d.ts中添加以下代码还是不起效果！！！
declare module "*.vue" {import { DefineComponent } from "vue"const component: DefineComponent<{}, {}, any>export default component
}
3.那么请试试下面的配置吧
tsconfig.json:
{"compilerOptions": {"target": "ESNext","useDefineForClassFields": true,"module": "ESNext","moduleResolution": "Node","strict": true,"jsx": "preserve","resolveJsonModule": true,"isolatedModules": true,"esModuleInterop": true,"lib": ["ESNext", "DOM"],"skipLibCheck": true,"noEmit": true,"baseUrl": "./", // 解析非相对模块的基地址，默认是当前目录"paths": {//路径映射，相对于baseUrl"@/*": ["src/*"]}},"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],"references": [{"path": "./tsconfig.node.json"}]
}tsconfig.node.json:
{"compilerOptions": {"composite": true,"module": "ESNext","moduleResolution": "Node","allowSyntheticDefaultImports": true},"include": ["vite.config.ts"]
}
vite.config.ts:
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import path from 'path';// https://vite.dev/config/
export default defineConfig({plugins: [vue()],resolve: {alias: {"@": path.resolve("./src") // 相对路径别名配置，使用 @ 代替 src}}
});
如下图，特别好都不飘红了，我目前项目所有的@符号飘红的地方都解决了
