[ts]cannot find name '__dirname'.ts

cannot find name '__dirname'.ts

environment

vite
vue3

error

@vite.config.ts

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
        // error: cannot find name '__dirname'.ts
      '@/': path.resolve(__dirname, 'src/') 
    }
  },
})

solution

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

add config @tsconfig.json

{
 "compilerOptions": {
    "types": ["node"]
  }
}