vue3 vite 别名无法按预期使用打字稿

【问题标题】：vue3 vite alias not working as expected with typescriptvue3 vite 别名无法按预期使用打字稿
【发布时间】：2021-11-30 06:03:09
【问题描述】：

我尝试了以下线程中的所有答案，但没有运气：

`Vue3 - Vite` project alias src to @ not working

// https://vitejs.dev/config/
export default defineConfig({
    resolve: {
        extensions: ['.ts', '.js', '.vue'],
        alias: [{
            find: '@',
            replacement: resolve(__dirname, 'src')
        }],
    },
    plugins: [
        vue(),
        Components({
            resolvers: [ElementPlusResolver()],
        }),
    ]
})

【问题讨论】：

标签： typescript vuejs3 vite

【解决方案1】：

为这个问题苦苦挣扎了几个小时，在这里发布问题后几分钟就解决了......

还需要Ts配置：

如果 path 不起作用，请同时添加 baseUrl 配置。
修改配置后重新启动 IDE。（IntelliJ 已经过测试，如果没有重启就不能工作）

tsconfig.json

{
  "compilerOptions": {
    "noImplicitAny": false,
    "target": "esnext",
    "useDefineForClassFields": true,
    "module": "esnext",
    "moduleResolution": "node",
    "strict": true,
    "jsx": "preserve",
    "sourceMap": true,
    "resolveJsonModule": true,
    "esModuleInterop": true,
    "baseUrl": "./",
    "paths": {
      "@/*": [
        "./src/*"
      ],
    },
    "lib": [
      "esnext",
      "dom"
    ]
  },
  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
}

【讨论】：