修复TypeScript tsconfig 错误 Cannot find module 'xx.xx' or its corresponding type declarations.

问题原因
使用了 Vite 添加了别名 ,但是TS没有对应的路径,tsconfig.json和vite.config.ts需要相互设置好
解决方法

vite.config.ts

{
    resolve: {
      alias: { 
        "@": path.join(__dirname, "./src"), // 这里定义了别名 @ 相当于 ./src
      },
    },
}

tsconfig.json

{
    "extends": "@tsconfig/svelte/tsconfig.json",
    "compilerOptions": {
        "target": "ESNext",
        "useDefineForClassFields": true,
        "module": "ESNext",
        "resolveJsonModule": true,
        /**
         * Typecheck JS in `.svelte` and `.js` files by default.
         * Disable checkJs if you'd like to use dynamic types in JS.
         * Note that setting allowJs false does not prevent the use
         * of JS in `.svelte` files.
         */
        "allowJs": true,
        "checkJs": true,
        "isolatedModules": true,
        "outDir": "./dist",
        "ignoreDeprecations": "5.0",
        "paths": {
            "@/*": ["./src/*"] // 这里要和Vite的别名对应
        },
    },
    "include": ["src/**/*.d.ts", "src/**/*.ts", "src/**/*.js", "src/**/*.svelte"],
    "exclude": [
        "node_modules",
        "dist"
    ],
    "references": [{
        "path": "./tsconfig.node.json"
    }]
}

vite-ts.jpeg

TypeScript Vite
Theme Jasmine by Kent Liao