vue3 vite 配置@

yarn add path

import { resolve } from 'path'

    resolve: {
        alias: {
            '@': resolve(__dirname, 'src'),
        },
        extensions: ['.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],
    },

看 不报错了

ts 文件却依旧报错

解决方案也很简单

在 tsconfig.json中

 

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

然后记得重新编译代码即可