Cannot find module Android Arm64

[falasyam]

I created a new nextjs project using the app-tw template. However, when running npm run dev, an error appears as below. Please add update support for Android Arm64.

Error: app/layout.js
An error occurred in `next/font`.

Error: Cannot find module '../lightningcss.android-arm64.node'
Require stack:
- /data/data/com.termux/files/home/tesnext/node_modules/lightningcss/node/index.js
- /data/data/com.termux/files/home/tesnext/node_modules/@tailwindcss/node/dist/index.js
- /data/data/com.termux/files/home/tesnext/node_modules/@tailwindcss/postcss/dist/index.js
- /data/data/com.termux/files/home/tesnext/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js
- /data/data/com.termux/files/home/tesnext/node_modules/next/dist/build/webpack/config/blocks/css/index.js
- /data/data/com.termux/files/home/tesnext/node_modules/next/dist/build/webpack/config/index.js
- /data/data/com.termux/files/home/tesnext/node_modules/next/dist/build/webpack-config.js
- /data/data/com.termux/files/home/tesnext/node_modules/next/dist/server/dev/hot-reloader-webpack.js
- /data/data/com.termux/files/home/tesnext/node_modules/next/dist/server/lib/router-utils/setup-dev-bundler.js
- /data/data/com.termux/files/home/tesnext/node_modules/next/dist/server/lib/router-server.js
- /data/data/com.termux/files/home/tesnext/node_modules/next/dist/server/lib/start-server.js
    at Module._resolveFilename (node:internal/modules/cjs/loader:1369:15)
    at /data/data/com.termux/files/home/tesnext/node_modules/next/dist/server/require-hook.js:55:36
    at defaultResolveImpl (node:internal/modules/cjs/loader:1025:19)
    at resolveForCJSWithHooks (node:internal/modules/cjs/loader:1030:22)
    at Module._load (node:internal/modules/cjs/loader:1179:37)
    at TracingChannel.traceSync (node:diagnostics_channel:322:14)
    at wrapModuleLoad (node:internal/modules/cjs/loader:235:24)
    at Module.require (node:internal/modules/cjs/loader:1449:12)
    at mod.require (/data/data/com.termux/files/home/tesnext/node_modules/next/dist/server/require-hook.js:65:28)
    at require (node:internal/modules/helpers:135:16)
    at Object.<anonymous> (/data/data/com.termux/files/home/tesnext/node_modules/lightningcss/node/index.js:22:22)
    at Module._compile (node:internal/modules/cjs/loader:1692:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1824:10)
    at Module.load (node:internal/modules/cjs/loader:1427:32)
    at Module._load (node:internal/modules/cjs/loader:1250:12)
    at TracingChannel.traceSync (node:diagnostics_channel:322:14)
    at wrapModuleLoad (node:internal/modules/cjs/loader:235:24)
    at Module.require (node:internal/modules/cjs/loader:1449:12)
    at mod.require (/data/data/com.termux/files/home/tesnext/node_modules/next/dist/server/require-hook.js:65:28)
    at require (node:internal/modules/helpers:135:16)
    at Object.<anonymous> (/data/data/com.termux/files/home/tesnext/node_modules/@tailwindcss/node/dist/index.js:15:188)
    at Module._compile (node:internal/modules/cjs/loader:1692:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1824:10)
    at Module.load (node:internal/modules/cjs/loader:1427:32)
    at Module._load (node:internal/modules/cjs/loader:1250:12)
    at TracingChannel.traceSync (node:diagnostics_channel:322:14)
    at wrapModuleLoad (node:internal/modules/cjs/loader:235:24)
    at Module.require (node:internal/modules/cjs/loader:1449:12)
    at mod.require (/data/data/com.termux/files/home/tesnext/node_modules/next/dist/server/require-hook.js:65:28)
    at require (node:internal/modules/helpers:135:16)
    at Object.<anonymous> (/data/data/com.termux/files/home/tesnext/node_modules/@tailwindcss/postcss/dist/index.js:1:1328)
    at Module._compile (node:internal/modules/cjs/loader:1692:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1824:10)
    at Module.load (node:internal/modules/cjs/loader:1427:32)
    at Module._load (node:internal/modules/cjs/loader:1250:12)
    at TracingChannel.traceSync (node:diagnostics_channel:322:14)
    at wrapModuleLoad (node:internal/modules/cjs/loader:235:24)
    at Module.require (node:internal/modules/cjs/loader:1449:12)
    at mod.require (/data/data/com.termux/files/home/tesnext/node_modules/next/dist/server/require-hook.js:65:28)
    at require (node:internal/modules/helpers:135:16)
    at /data/data/com.termux/files/home/tesnext/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:61:44
    at plugin (/data/data/com.termux/files/home/tesnext/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js:30:44)
    at Processor.normalize (/data/data/com.termux/files/home/tesnext/node_modules/next/node_modules/postcss/lib/processor.js:18:13)
    at new Processor (/data/data/com.termux/files/home/tesnext/node_modules/next/node_modules/postcss/lib/processor.js:11:25)
    at postcss (/data/data/com.termux/files/home/tesnext/node_modules/next/node_modules/postcss/lib/postcss.js:26:10)
    at /data/data/com.termux/files/home/tesnext/node_modules/next/dist/build/webpack/config/blocks/css/index.js:128:37
    at async /data/data/com.termux/files/home/tesnext/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js:94:33
    at async Span.traceAsyncFn (/data/data/com.termux/files/home/tesnext/node_modules/next/dist/trace/trace.js:157:20)
    at BuildError (webpack-internal:///(pages-dir-browser)/./node_modules/next/dist/client/components/react-dev-overlay/ui/container/build-error.js:43:41)
    at react-stack-bottom-frame (webpack-internal:///(pages-dir-browser)/./node_modules/react-dom/cjs/react-dom-client.development.js:23864:20)
    at renderWithHooks (webpack-internal:///(pages-dir-browser)/./node_modules/react-dom/cjs/react-dom-client.development.js:5530:22)
    at updateFunctionComponent (webpack-internal:///(pages-dir-browser)/./node_modules/react-dom/cjs/react-dom-client.development.js:8898:19)
    at beginWork (webpack-internal:///(pages-dir-browser)/./node_modules/react-dom/cjs/react-dom-client.development.js:10523:18)
    at runWithFiberInDEV (webpack-internal:///(pages-dir-browser)/./node_modules/react-dom/cjs/react-dom-client.development.js:1520:30)
    at performUnitOfWork (webpack-internal:///(pages-dir-browser)/./node_modules/react-dom/cjs/react-dom-client.development.js:15133:22)
    at workLoopSync (webpack-internal:///(pages-dir-browser)/./node_modules/react-dom/cjs/react-dom-client.development.js:14957:41)
    at renderRootSync (webpack-internal:///(pages-dir-browser)/./node_modules/react-dom/cjs/react-dom-client.development.js:14937:11)
    at performWorkOnRoot (webpack-internal:///(pages-dir-browser)/./node_modules/react-dom/cjs/react-dom-client.development.js:14420:13)
    at performWorkOnRootViaSchedulerTask (webpack-internal:///(pages-dir-browser)/./node_modules/react-dom/cjs/react-dom-client.development.js:16217:7)
    at MessagePort.performWorkUntilDeadline (webpack-internal:///(pages-dir-browser)/./node_modules/scheduler/cjs/scheduler.development.js:45:48)```

[j-mcgregor]

I'm also experiencing this, did you manage to resolve it? To replicate, follow the steps on https://ui.shadcn.com/docs/monorepo and switch to Bun. Installs fine, but when running develop, it crashes out with the above error.

[falasyam]

They have added android support but it doesn't seem to work. Commit 496f4f6

[j-mcgregor]

The issue stems from tailwind@4 for me. Downgrading to tailwind@3 sorts it

[falasyam]

For me downgrading didn't work. And still error as above.

[ghostlexly]

Same error with tailwindcss on Mac M1

[falasyam]

Yes, that's happen when install with TailwindCSS.

[CodeWithSushil]

Yes, that's happen when install with TailwindCSS.

Yes, that's happen when install with TailwindCSS.

Use UnoCSS: Utility first CSS

[anotherdoesnm]

Wow not only me doing stuff on android 👀
Also have this problem then building matrixbird app because of vite and tailwind plugin

~/client $ npm ls lightningcss
matrixbird@0.1.23 /data/data/com.termux/files/home/client
├─┬ @tailwindcss/vite@4.1.11
│ └─┬ @tailwindcss/node@4.1.11
│   └── lightningcss@1.30.1 deduped
└─┬ vite@7.0.4
  └── lightningcss@1.30.1

[anotherdoesnm]

Temporary solution: install https://www.npmjs.com/package/lightningcss.android-arm64.node and insert his name in node_modules/lightningcss/node/index.js in line 21

[CodeWithSushil]

Temporary solution: install https://www.npmjs.com/package/lightningcss.android-arm64.node and insert his name in node_modules/lightningcss/node/index.js in line 21

Or install

npm i lightningcss.android-arm64.node

only supported

OS: Android
CPU: arm64

[CodeWithSushil]

Edit ./node/index.js file

let parts = [process.platform, process.arch];
if (process.platform === 'linux') {
  const { MUSL, familySync } = require('detect-libc');
  const family = familySync();
  if (family === MUSL) {
    parts.push('musl');
  } else if (process.arch === 'arm') {
    parts.push('gnueabihf');
  } else {
    parts.push('gnu');
  }
} else if (process.platform === 'win32') {
  parts.push('msvc');
} else if(process.platform === 'android')
{
    parts.push(process.arch);
}
}

if (process.env.CSS_TRANSFORMER_WASM) {
  module.exports = require(`../pkg`);
} else {
  try {
    module.exports = require(`lightningcss-${parts.join('-')}`);
  } catch (err) {
    module.exports = require(`../lightningcss.${parts.join('-')}.node`);
  }
}

module.exports.browserslistToTargets = require('./browserslistToTargets');
module.exports.composeVisitors = require('./composeVisitors');
module.exports.Features = require('./flags').Features;

[anotherdoesnm]

@CodeWithSushil can you make pull request?

[CodeWithSushil]

@CodeWithSushil can you make pull request?

yeah, let's try.

[ozipoetra]

Finally, the version 1.30.2 is out now and everything is running smoothly on Android 🎉

[CodeWithSushil]

OS: Alpine Linux
CPU Arch: arm(32-bit)
@ozipoetra help in acode app

failed to load config from /home/myApp/vite.config.js
error during build:
Error: Cannot find module '../lightningcss.linux-arm-musl.node'