vite+ts开发显示 找不到模块“@/xxxx” 或其相应的类型声明 如何解决

不少刚进入ts开发的小伙伴相信下面这个问题你一定遇到过， vite+ts+ vue3.x:找不到模块“@/xxxx” 或其相应的类型声明 这是典型的ts类型断言提示，下面小编就将解决方案公布出来

只需要将下面代码复制到tsconfig.json就可以了

{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "moduleResolution": "node",
    "strict": true,
    "jsx": "preserve",
    "sourceMap": true,
    "resolveJsonModule": true,
    "esModuleInterop": true,
    // "skipLibCheck": true,
    // "allowSyntheticDefaultImports": true,
    "lib": ["esnext", "dom"],
    "allowSyntheticDefaultImports": true,
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"]
    }
  },
  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "src/untils/baiduMap.js", "src/untils/debuonce.js", "**/*.ts", "**/*.tsx"]
}

快去试试吧！！