nativewind
nativewind copied to clipboard
Nativewind in Expo Snack - resolving dependency error
Describe the bug A simple nativewind app written in expo snack editor "hangs" when loading the tailwindcss dependency.
To Reproduce
- Here is a working snack. Note that the nativewind CSS works on the right-hand window,
- Note the red bar on the bottom - "add dependency" (see first screen shot below.)
- When you add the dependency, snack hangs while trying to load tailwindcss 3.0.0.
- When you refresh the screen, the app no longer works and an error is thrown. (See second screen shot below).
- You can edit the package.json, removing the tailwindcss dependency. The app starts to work, but the Add dependency bar warning is shown.
Expected behavior I would expect that the tailwindcss dependency is loaded without errors so that I can continue to use nativewind for my snack.
Expo Snack https://snack.expo.dev/@jleonard99/cmsc475-example-tailwind-and-nativewind
Screen shots This shows the browser when the snack is first loaded. Note that the nativewind rendering works, but there is a dependency that needs loading at the bottom.
When you add the dependency, snack hangs while trying to load tailwindcss 3.0.0. When you refresh the screen you get this:
Note that the nativewind rendering is no longer showing.
Same issue here. Any fixes ?
We are closing all pre-v4.1 issues now that v4.1 is released. If the problem is still happening with the latest v4.1, please open a new issue and reference this one in the description.