bug: nativewind styles are not being applied about create-t3-turbo HOT 16 CLOSED

I think I found a fix. Upgrade "react-native-css-interop" to "~0.0.34" while using "nativewind":"4.0.36" in the apps/expo/package.json file and things should work correctly. Struggled for a few hours before I found the fix. Hope this helps !

This worked for me.

from create-t3-turbo.

Looks like a issue was posted on nativewind repo regarding this at nearly the exact same time as this one.
nativewind/nativewind#836

from create-t3-turbo.

I think I found a fix.
Upgrade "react-native-css-interop" to "~0.0.34" while using "nativewind":"4.0.36" in the apps/expo/package.json file and things should work correctly.
Struggled for a few hours before I found the fix.
Hope this helps !

from create-t3-turbo.

Indeed this is still an issue, but even 4dc3a40 is not working with nativewind. However I'm using ae2d8e3, albeit with some bugs I had to manually fix, with styles being properly applied. Perhaps going forward the main branch should be reserved for verified, official releases so that we don't have to manually reset to a working commit when bugs occur.

from create-t3-turbo.

Reverting nativewind back to "nativewind": "4.0.1", seemed to fix it for me.

from create-t3-turbo.

@adriangonzy That doesn't seem to work on android (emulator, ubuntu). Reverting to 4.0.1 seems to be the only fix for me.

from create-t3-turbo.

I tested on expo go and I made sure to clear metro cache.

from create-t3-turbo.

I get a diffent error,

warn - No utility classes were detected in your source files. If this is unexpected, double-check the content option in your Tailwind CSS configuration.

and no styles are being applied.

this is my tailwind config

import type { Config } from "tailwindcss";
// @ts-expect-error - no types
import nativewind from "nativewind/preset";

import baseConfig from "@acme/tailwind-config/native";

export default {
content: ["./src/**/*.{ts,tsx}"],
presets: [baseConfig, nativewind],
} satisfies Config;

Do I need to add something here or change something?

from create-t3-turbo.

I have no warnings on my side.
Here is my tailwind.config.ts in apps/expo

import type { Config } from "tailwindcss";
// @ts-expect-error - no types
import nativewind from "nativewind/preset";

import baseConfig from "@acme/tailwind-config/native";

export default {
  content: ["./src/**/*.{js,ts,jsx,tsx}"],
  presets: [baseConfig, nativewind],
} satisfies Config;

from create-t3-turbo.

@adriangonzy That doesn't seem to work on android (emulator, ubuntu). Reverting to 4.0.1 seems to be the only fix for me.

I tested on android emulator + macos (sonoma 14.4 Apple M1) and it works for me.

from create-t3-turbo.

@adriangonzy That doesn't seem to work on android (emulator, ubuntu). Reverting to 4.0.1 seems to be the only fix for me.

I tested on android emulator + macos (sonoma 14.4 Apple M1) and it works for me.

Ah, that's actually great to know. Can I ask what your node version is?

from create-t3-turbo.

Its v20.11.1

from create-t3-turbo.

Doesn't seem to want to work for me on mac/ios either, I'm not really sure what's going on. Running the tailwind CLI manually works as expected, it just doesn't want to work during the build process. The issue likely lies in my metro.config.js and the path to my config but so far nothing seems to work.

from create-t3-turbo.

Ok, working version for me seems to be 4.0.14

Literally the bare minimum version for me because this is the version gap-x starts working.

And lo and behold, there seems to be a commit that deals with the tailwind cli between 14 and 15. I tried passing 'npx tailwindcss' and 'yarn tailwindcss' to the cliCommand option in the metro.config, but nothing seems to work for version 4.0.15 and onward.

from create-t3-turbo.

A recent dependency bump seems to have fixed this for me atleast:

from create-t3-turbo.

Got 4.0.36 working! The problem was yarn. I got away with using yarn v1 for far too long, but this seems to be the straw that broke the camel's back. Upgrading to yarn v4 seems have fixed everything. [email protected] now working on my intel mac with the iOS simulator, as well as on Ubuntu with android simulator.

Upgraded yarn like this:

> npx npkill
> yarn set version berry
> yarn install

from create-t3-turbo.