Cannot find module '../lightningcss.linux-x64-gnu.node' when running Next.js project with TailwindCSS

[arawako]

While trying to run in my local, I encounter the following error during npm run dev:

Error: ./app/globals.css
Error evaluating Node.js code
Error: Cannot find module '../lightningcss.linux-x64-gnu.node'
Require stack:
- ~/open-lovable/node_modules/lightningcss/node/index.js
- ~/open-lovable/node_modules/@tailwindcss/node/dist/index.js
- ~/open-lovable/node_modules/@tailwindcss/postcss/dist/index.js
- ~/open-lovable/.next/build/chunks/[turbopack]_runtime.js
- ~/open-lovable/.next/postcss.js
    [at Module._resolveFilename (node:internal/modules/cjs/loader:1410:15)]
    [at defaultResolveImpl (node:internal/modules/cjs/loader:1051:19)]
    [at resolveForCJSWithHooks (node:internal/modules/cjs/loader:1056:22)]
    [at Module._load (node:internal/modules/cjs/loader:1219:37)]
    [at TracingChannel.traceSync (node:diagnostics_channel:322:14)]
    [at wrapModuleLoad (node:internal/modules/cjs/loader:238:24)]
    [at Module.require (node:internal/modules/cjs/loader:1493:12)]
    [at require (node:internal/modules/helpers:152:16)]
    [at Object.<anonymous> (~/open-lovable/node_modules/lightningcss/node/index.js:22:22)]
    [at Module._compile (node:internal/modules/cjs/loader:1738:14)]

Import trace:
  ./app/globals.css [Client Component Browser]
  ./app/layout.tsx [Server Component]
    at tr (http://localhost:3000/_next/static/chunks/node_modules_next_dist_compiled_next-devtools_index_82a36480.js:20168:60)
    at o6 (http://localhost:3000/_next/static/chunks/node_modules_next_dist_compiled_next-devtools_index_82a36480.js:2952:164)
    at iP (http://localhost:3000/_next/static/chunks/node_modules_next_dist_compiled_next-devtools_index_82a36480.js:4008:32)
    at i$ (http://localhost:3000/_next/static/chunks/node_modules_next_dist_compiled_next-devtools_index_82a36480.js:4305:28)
    at sv (http://localhost:3000/_next/static/chunks/node_modules_next_dist_compiled_next-devtools_index_82a36480.js:5791:21)
    at http://localhost:3000/_next/static/chunks/node_modules_next_dist_compiled_next-devtools_index_82a36480.js:5782:40
    at sm (http://localhost:3000/_next/static/chunks/node_modules_next_dist_compiled_next-devtools_index_82a36480.js:5783:19)
    at sa (http://localhost:3000/_next/static/chunks/node_modules_next_dist_compiled_next-devtools_index_82a36480.js:5596:23)
    at sZ (http://localhost:3000/_next/static/chunks/node_modules_next_dist_compiled_next-devtools_index_82a36480.js:6520:124)
    at MessagePort._ (http://localhost:3000/_next/static/chunks/node_modules_next_dist_compiled_next-devtools_index_82a36480.js:8806:49)

[LewisMudAustralia]

Having the same issue on my end.

[SouriRishik]

I have raised a PR for the same, i have fixed that issue. Waiting for my PR to be merged. Have attached the windows notes to fix the lightingcss issue in README.

[if-you-bad-iam-your-dad]

i also have the same issue

[if-you-bad-iam-your-dad]

use pnpm install inset of npm install

[xinsheng-reborn]

[SouriRishik]

just check my PR, there are set of commands i have added as notes

[loveayhz]

I resolved with this:

rm -rf node_modules/lightningcss
npm install --force lightningcss
npm rebuild lightningcss

[sword0012]

just check my PR, there are set of commands i have added as notes

hello , what is PR , where is it? thanks

[SouriRishik]

just check my PR, there are set of commands i have added as notes

hello , what is PR , where is it? thanks

Hi, PR - Pull Request. I have added it under README and created a Pull request and that needs to be merged. So to check that notes you can check this #65. Thank you

[TorAllex]

Ok, fixed as described (https://github.com//pull/65/commits/75a3b347f6460eaf6138a89e08533032d1d98d6b)