While working on a project I suddenly encountered this error. I did not install any packages. Everything was working fine until this error occurred.

"C:\Program Files\nodejs\npm.cmd" run dev

> [email protected] dev
> vite


  VITE v6.1.0  ready in 1377 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  Vue DevTools: Open http://localhost:5173/__devtools__/ as a separate window
  ➜  Vue DevTools: Press Alt(⌥)+Shift(⇧)+D in App to toggle the Vue DevTools
  ➜  press h + enter to show help
X [ERROR] Could not resolve "../pkg"

    node_modules/lightningcss/node/index.js:16:27:
      16 │   module.exports = require(`../pkg`);
         ╵                            ~~~~~~~~

C:\Users\PASARGAD\web_practice\music\node_modules\esbuild\lib\main.js:1476
  let error = new Error(text);
              ^

Error: Build failed with 1 error:
node_modules/lightningcss/node/index.js:16:27: ERROR: Could not resolve "../pkg"
    at failureErrorWithLog (C:\Users\PASARGAD\web_practice\music\node_modules\esbuild\lib\main.js:1476:15)
    at C:\Users\PASARGAD\web_practice\music\node_modules\esbuild\lib\main.js:945:25
    at C:\Users\PASARGAD\web_practice\music\node_modules\esbuild\lib\main.js:1354:9
    at process.processTicksAndRejections (node:internal/process/task_queues:105:5) {
  errors: [Getter/Setter],
  warnings: [Getter/Setter]
}

Node.js v22.12.0

I have tried these ways but to no avail. deleting npm-cach deleting node_moduled deleting package-lock.json ... and npm install I intalling lightningcss based on documentation:

npm install --save-dev lightningcss

and setting vite setting:

import { fileURLToPath, URL } from 'node:url'

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueDevTools from 'vite-plugin-vue-devtools'
import tailwindcss from '@tailwindcss/vite'
import browserslist from 'browserslist';
import {browserslistToTargets} from 'lightningcss';
// /config/
export default defineConfig({
  plugins: [
    vue(),
    vueDevTools(),
    tailwindcss(),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    },
  },
  css: {
    transformer: 'lightningcss',
    lightningcss: {
      targets: browserslistToTargets(browserslist('>= 0.25%'))
    }
  },
  build: {
    cssMinify: 'lightningcss'
  }
})