Struggling with Tailwind v4.0 on a fresh windows installation

[AdrianFO-16]

So I have been trying to create a new react project using tailwindcss. Unable to start any tailwindcss related process because on init it requries to load this node file: @tailwindcss\oxide-win32-x64-msvc\tailwindcss-oxide.win32-x64-msvc.node.

Sadly, been a couple of hours trying to determine which is the problem and then found out that I was missing any Microsoft Visual C++ Redistributable runtime at all. My fresh newly installed windows only had vscode and other productivity software installed.

Never had this problem before, so I am just wondering if tailwindcss just assumes you have that dependency installed, should I have it previously installed for any other reason I ignore, or is it documented anywhere in tailwindcss docs? Been looking for it but can find any on that matter.

ChatGPT suggested me installing the dependency based on the file name, basically told me to suck it up and that I should've known immediately when looking at the filename (lol?).

The script that fails is at @tailwindcss/oxide/index.js. I understand the problem has to do with the oxide engine as I had been using other projects that do not use a version of tailwindcss that includes it. Copy-pasted the code on the file, code fails on the line marked (72) with "HERE"

case 'win32':
    switch (arch) {
      case 'x64':
        localFileExisted = existsSync(
          join(__dirname, 'tailwindcss-oxide.win32-x64-msvc.node')
        )
        try {
          if (localFileExisted) {
            nativeBinding = require('./tailwindcss-oxide.win32-x64-msvc.node')
          } else {
            nativeBinding = require('@tailwindcss/oxide-win32-x64-msvc') // HERE <----------
          }
        } catch (e) {
          loadError = e
        }

So file is not local, go look it up in its corresponding directory. File is not readable but it does exist, error reports it as if it didn't.

Error: The specified module could not be found. path_to_project\node_modules\@tailwindcss\oxide-win32-x64-msvc\tailwindcss-oxide.win32-x64-msvc.node

All other threads I could find that addressed a similar matter was that the file was not included in a given release for arm architecture.

What are your thoughts on this?

[Codes0nFire]

I'm also stuck with the same issue! Have you found any fixes or workarounds yet?

[yash-k-s-7span]

Not working

[AdrianFO-16]

I believe I just installed it and it worked for me. My problem was I was not able to read this file:

path_to_project\node_modules\@tailwindcss\oxide-win32-x64-msvc\tailwindcss-oxide.win32-x64-msvc.node

after installation I no longer had this problem. Hope this helps 😄

[0xHuzaifa]

I install latest Microsoft Visual C++ Redistributable runtime. and It also worked for me too.

If this not working try to use this tailwindcss/oxide package. Hope this will work.

[mdalmamunit427]

You can fix this two ways:

1. If this is not working yet, update your PC and install latest node js version, finally it will work.

2. Install Microsoft Visual C++ Redistribution Runtime Latest Version

My student fix this way, you can watch it here: Fix Tailwind v4 Installation issues

[imonrana]

Yeah,It's working
latest Microsoft Visual C++ Redistributable runtime.

[kid-us]

Yeah, to solve my problem I just installed the latest Microsoft Visual C++ Redistributable runtime.

This works for me thank you!

[imonrana]

Yeah,It's working
latest Microsoft Visual C++ Redistributable runtime.