nativewind icon indicating copy to clipboard operation
nativewind copied to clipboard

Nativewind in Expo Snack - resolving dependency error

Open jleonard99 opened this issue 1 year ago • 1 comments

Describe the bug A simple nativewind app written in expo snack editor "hangs" when loading the tailwindcss dependency.

To Reproduce

  1. Here is a working snack. Note that the nativewind CSS works on the right-hand window,
  2. Note the red bar on the bottom - "add dependency" (see first screen shot below.)
  3. When you add the dependency, snack hangs while trying to load tailwindcss 3.0.0.
  4. When you refresh the screen, the app no longer works and an error is thrown. (See second screen shot below).
  5. 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.

nativewind-issue-1

When you add the dependency, snack hangs while trying to load tailwindcss 3.0.0. When you refresh the screen you get this:

nativewind-issue-2

Note that the nativewind rendering is no longer showing.

jleonard99 avatar Apr 13 '24 11:04 jleonard99

Same issue here. Any fixes ?

mbh00 avatar Jul 22 '24 13:07 mbh00

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.

danstepanov avatar Sep 02 '24 23:09 danstepanov