vite+ts 踩坑记-为什么用'@'配相对路径不生效

配置vite-config-ts

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: [
      {
        find: '@',
        replacement: resolve(__dirname, '../src'),
      },
    ],
    extensions: ['.ts', '.js'],
  },
})

我们会发现还是找不到文件还是会报错

配置tsconfig.json

还需要在tsconfig.json中加以下两个配置才会生效

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