search

mrzachnugent / react-native-reusables

Universal shadcn/ui for React Native featuring a focused collection of components - Crafted with NativeWind v4 and accessibility in mind.
https://rnr-docs.vercel.app
MIT License
3.59k stars 151 forks source link

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

Open gokul1099 opened 6 months ago

gokul1099 commented 6 months ago

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 commented 6 months ago

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 commented 6 months ago

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 commented 6 months ago

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 commented 6 months ago

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.

Screenshot 2024-04-19 at 4 46 04 PM
itsyashsahu commented 6 months ago

@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 commented 6 months ago

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:

It gets stuck here:

image

rickychan0611 commented 6 months ago

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. https://github.com/marklawlor/nativewind/pull/860/commits/59847eb4358efde93cf93a55b5a60812f7661917

a0m0rajab commented 6 months ago

Related PR link: https://github.com/marklawlor/nativewind/pull/860

ndarcode commented 5 months ago

any updates?

mrzachnugent commented 5 months ago

any updates?

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

When it is solved, I will close this issue.

SHIXUNXUN commented 4 months ago

same bug

baptlma commented 4 months ago

same issue

shawnmclean commented 4 months ago

As native-wind is no longer maintained, I have switched to tailwind-react-native-classnames. It is also much faster

https://github.com/nativewind/nativewind/pull/860#issuecomment-2132776255

is going nativewind a good route at this time?

mrzachnugent commented 4 months ago

is going nativewind a good route at this time?

Yes, I am betting on it. The sole maintainer had taken a break but he now has a team behind him and they are working hard. Here's the latest update https://x.com/danstepanov/status/1806107770799968673?s=46&t=tpxUSfNj59WG9Y3VDKw5sQ

a0m0rajab commented 4 months ago

Thanks for the update Zach, they had a simple announcement on the v4 issue just for future reference: https://github.com/nativewind/nativewind/issues/600

guibzo commented 2 months ago

I uploaded a temporary solution to this here

tripolskypetr commented 2 months ago

@guibzo Work like charm, just used It

tripolskypetr commented 2 months ago

I also making a research about running the best react-native ui kit starter app. Found a little mistake in starter-base. After the nativewind fix, the build will continue failing

See https://github.com/mrzachnugent/react-native-reusables/pull/212

@mrzachnugent

manssorr commented 1 month ago

Check this patch: https://github.com/nativewind/nativewind/pull/860#issuecomment-2371839082