vue3+vite+ts 配置别名@报错

我在学习vue3+vite+ts的时候，在配置别名这一步的时候遇到了一个问题，就是引入path的时候会报错，如下图所示。
用了2中方式引入，都不行，我在网上搜了很多文章就是这么写，但是到我项目就不行。后面我根据报错的提示，总算解决了问题。
使用import方式引入的报错提示

image.png

使用require方式引入path的报错提示

image.png

解决方案

(1）安装types/node依赖
npm i --save-dev @types/node

（2）在ts.config.js中添加配置"types": ["node"]
{
  "compilerOptions": {
    ...  
    "types": ["node"]
  },
  ....
}

(3)配置别名
vite.config.js
...
resolve:{
    alias:{
      '@':path.resolve(__dirname,'src')
    }
  }

搞定！