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

vue3 vite alias not working as expected with typescript

我尝试了下面线程中的所有答案,但没有成功:

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

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

还需要Ts配置:

  1. 如果 path 不起作用,请同时添加 baseUrl 配置。
  2. 重新启动 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"]
}