[ NativeWind Bug ] The web platform does not work on windows

[gokul1099]

I have existing react native project, How can i use react-native-reusable? How can i do the initial configuration to use the cli later to add needed components. I have gone through the docs, looks like some sub sections in installation sections are missing.

[mrzachnugent]

Hi @gokul1099,

On the Initial Setup page, you can select the 'Manual Installation" tab.

Then, you can use the CLI to add components to your project. You can use npx @react-native-reusables/cli@latest add, then it will prompt you with the type of project you are working with (universal or native-only), with the location of your /components and /lib folders, then you can select the components you want to add to your project. It will, then, add the files and dependencies (if any).

Is is possible that there are sections that are missing information. Could you please provide the exact cases please? That way I could fix it

[itsyashsahu]

Hi @mrzachnugent
I am trying to use the official repo starter base to make the universal react app.
I am following the steps mentioned in the docs but still the metro bulid gets stuck without throwing an error.

Can you please help me with this ?

[rickychan0611]

Hi @mrzachnugent I am trying to use the official repo starter base to make the universal react app. I am following the steps mentioned in the docs but still the metro bulid gets stuck without throwing an error.

Can you please help me with this ?

I have the same problem.

[mrzachnugent]

Hey @itsyashsahu @rickychan0611,

I am going to try it on my side and document the steps I am taking here.

1. git clone https://github.com/mrzachnugent/react-native-reusables.git
2. cp -R react-native-reusables/apps/starter-base/ ./my-project
3. cd my-project && npm install
4. npm run ios
5. I ran into this error which seems to be an npm issue: "Error: EMFILE: too many open files, watch" so I deleted the node_modules and ran npm install once again
6. Then it worked.

Let me know if you this fixes your issue.

[itsyashsahu]

@mrzachnugent I am doing the same steps just running it for the web.

1. git clone https://github.com/mrzachnugent/react-native-reusables.git
2. cp -R react-native-reusables/apps/starter-base/ ./my-project
3. cd my-project && npm install
4. npm run web

then it gets stucked at a point. I tried it multiple times

if i run the same on the android it works fine

[Alejandro-M-Cruz]

Hi, I'm having the same issue as @itsyashsahu. The starter project seems to work fine on Android, but when running on web it gets stuck while bundling. No error message or anything, the terminal just freezes. I have tried with both npm and yarn. At least in my case, the issue is only on Windows 10. I have tried on macOS and everything works fine.

System details:

• Windows 10
• NodeJS v20.10.0
• npm 10.5.0
• yarn 1.22.22
• expo 50.0.17

It gets stuck here:

[rickychan0611]

It is indeed a problem within nativewind v4. I discovered a pull request in Nativewind's repository and tested it out. I can confirm that it no longer gets stuck on Windows with the correction. However, the pull request has not been merged yet.
marklawlor/nativewind@59847eb

[a0m0rajab]

Related PR link: marklawlor/nativewind#860

[ndarcode]

any updates?

[mrzachnugent]

any updates?

For updates, you can check the pull request on NativeWind's Github repo: marklawlor/nativewind#860

When it is solved, I will close this issue.