vue3+ts+vite踩坑记录-路由配置中使用“@/”报错

1.安装types/node

yarn add @types/node

2.配置vue.config.ts

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// 解决路由配置中使用 "component: () => import('@/views/index.vue'),"报错:找不到文件
import { resolve } from 'path' 
// 解决路由配置中使用 "component: () => import('@/views/index.vue'),"报错:找不到文件
const pathResolve = (dir: string): any => {
    return resolve(__dirname, ".", dir)
}
// 解决路由配置中使用 "component: () => import('@/views/index.vue'),"报错:找不到文件
const alias: Record<string, string> = {
    '@': pathResolve("src")
}

export default defineConfig({
    ...
    resolve: {
        // 解决路由配置中使用 "component: () => import('@/views/index.vue'),"报错:找不到文件
        alias
    },
    plugins: [vue()]
})