vue3+vite+ts 配置@路径

在tsconfig.json文件中写入

"compilerOptions": {
    ....,

    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"]
    },    
}

yarn add @types/node -D
或
npm i -D @type/node

在vite.config.ts中写入

import { resolve } from "path";

export default defineConfig({
    .....,
    resolve: {
        alias: {
          '@': resolve(__dirname, './src')
        },
    },
})

如果不提示深层文件路径，在tsconfig.json中加入"allowJs": true

"compilerOptions": {
    ....,

    /* 解决深层获取不到路径的问题 */
    // "noImplicitAny": false,
    "allowJs": true,

    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"]
    },    
}