在vite.config.ts 配置 报错 找不到模块“path”或其相应的类型声明

>npm install @types/node --save-dev

const resolve = (dir: string) => path.join(__dirname, dir)

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  //https://cn.vitejs.dev/guide/
  //vite 配置
  resolve: {
    alias: {

      //@ 指向 src 目录--- // 添加baseUrl和paths在tsconfig.json
      '@':resolve('src') // 设置别名
    }
  },
  base: './',//打包的路径
  server: {
    port: 4000,//服务端口号
    open: true,//服务启动时自动打开浏览器
    cors: true//允许跨域

  }
})

浏览器报错：@fs/src/style.css net::ERR_ABORTED 404 (Not Found)

原因：vue3不支持vetur

解决方案：卸载vetur，安装volar插件

在vscode 扩展中禁用 vetur

 下载vscode插件Vue Language Features 和 TypeScript Vue Plugin (Volar)