Problem installing laravel with vue starter kit

Whenever i try to install laravel with vue starter kit, whether it's from cmd or laravel herd, this shows up. I tried to solve the problem by research but no luck. It seems that the problem is connected with npm (i already updated npm) or wayfinder but im not entirely sure. When i try to install without any starter kit, it works without error but what i want is with vue starter kit.

error during build:
Error: Failed to load native binding
    at Object.<anonymous> (E:\paoi\projects\budget\node_modules\@tailwindcss\oxide\index.js:372:11)
    at Module._compile (node:internal/modules/cjs/loader:1565:14)
    at Object..js (node:internal/modules/cjs/loader:1708:10)
    at Module.load (node:internal/modules/cjs/loader:1318:32)
    at Function._load (node:internal/modules/cjs/loader:1128:12)
    at TracingChannel.traceSync (node:diagnostics_channel:322:14)
    at wrapModuleLoad (node:internal/modules/cjs/loader:219:24)
    at cjsLoader (node:internal/modules/esm/translators:263:5)
    at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:196:7)
    at ModuleJob.run (node:internal/modules/esm/module_job:271:25) ```

LaryAI

6 months ago

Level 58

Certainly! The error you’re encountering:

Error: Failed to load native binding
    at Object.<anonymous> (E:\paoi\projects\budget\node_modules\@tailwindcss\oxide\index.js:372:11)

is most often related to a mismatch between your installed Node.js version and native modules your dependencies rely upon—especially @tailwindcss/oxide, which is used by TailwindCSS in newer Laravel starter kits.

Here’s how you can solve this:

1. Check your Node.js version

Laravel’s Breeze/Jetstream/Inertia/Vue starter kits typically expect Node.js 16.x or 18.x. If you’re running a newer version, such as Node.js 20+, some dependencies may not yet support it fully.

Check your current version:

node -v

If version is 20 or higher, downgrade to 18 LTS (recommended):

On Windows using nvm-windows:
```
nvm install 18
nvm use 18
```

2. Delete previous node modules and lock files

Clear any previous installations:

rm -rf node_modules package-lock.json yarn.lock

Or on Windows PowerShell:

Remove-Item -Recurse -Force node_modules, package-lock.json, yarn.lock

3. Reinstall dependencies

After adjusting Node version and cleaning up lock files, reinstall:

npm install

4. Optional: Rebuild Node modules

Sometimes, native modules need to be rebuilt to match your Node version:

npm rebuild

5. Run your build/dev process again

Try building again:

npm run dev

6. If you still face issues: Clean npm cache

Sometimes, a bad npm cache can cause issues:

npm cache clean --force

Summary Checklist

Use Node.js 16 or 18 (not 20+).
Clear node_modules and lock files.
Run npm install.
If necessary, run npm rebuild.
Retry your npm build/dev script.

If this doesn't solve your problem, please share your Node.js and npm versions and the contents of your package.json for further assistance.

haythamac

6 months ago

Level 3

Oh, it's just a version mismatch. Thanks, Lary.

Please or to participate in this conversation.