（react+ts）vite项目中的路径别名的配置

简单两个步骤

1. 找到vite.config.ts,这里会现实报错，需要安装一下 npm i -D @types/node 这个库的ts声明配置

import path from 'path'
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  resolve:{
    alias:{
      "@":path.resolve(__dirname,'./src')
    }
  }
})

1
2
3
4
5
6
7
8
9
10
11

2. 虽然配置好了@但是输入@没有提示，找到tsconfig.json

 "compilerOptions": {
  。。。。。

    "baseUrl": "./",
    "paths": {
      "@/*":[
        "src/*"
      ]
    }
  }
1
2
3
4
5
6
7
8
9
10