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

Posted 2023-02-22

【中文标题】vue3 vite 别名无法按预期使用打字稿

【英文标题】：vue3 vite alias not working as expected with typescript

【发布时间】：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()],
        ),
    ]
)

【参考方案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"]