nativewind: Error: Use process(css).then(cb) to work with async plugins (RN 0.72.X)

Describe the bug Nativewind/babel - Complaining about async plugin after updating to version 0.72.X

Exact error:

Use process(css).then(cb) to work with async plugins

To Reproduce Steps to reproduce the behavior:

  1. Setup a new react-native project using the CLI v0.72.X (npx react-native init nativewindTest)
  2. Set up nativewind according to the docs
  3. See error

Expected behavior Expected the app to load with styling

Screenshots image

Additional context Occured after upgrading from 0.71.X to 0.72.X

Stack traces are inconsistent in how they show up, so i was unable to get a full stack trace during the test project. But the issue seems to be related to how postcss is used.

About this issue

  • Original URL
  • State: closed
  • Created a year ago
  • Reactions: 7
  • Comments: 41 (3 by maintainers)

Most upvoted comments

Tailwindcss published a breaking change as a minor version. Please lock your tailwindcss@3.3.2

Still having the same issue, expo 48, tailwind 3.3.2?

Use process(css).then(cb) to work with async plugins

Failing to build on expo

Ahhh finally solved, had to remove the ^ from the tailwind package json version

solution.

change the pakage.json

old “tailwindcss”: “^3.3.6”,

new “tailwindcss”: “3.3.2”,

then, run this commande

npm install

it’s worked for me

Issue persists on RN CLI @marklawlor. Tried yarn add --dev tailwindcss@3.3.2.

Tailwindcss published a breaking change as a minor version. Please lock your tailwindcss@3.3.2

It worked for me Thank you

as of today 3.3.2 is the stable higher version break expo

@andres-dos-santos Welcome to React Native / Expo development… This kind of stuff happens for no reason every few weeks. 😊 I’ll try to post back after we tackle the Nativewind 4 update to see if I have any tips to share. 👋

I encountered the same issue with expo router. Switching to Nativewind v4 and following the installation docs has worked fine. Consider these points:

  • If you don’t comply with the SDK version, you might still get the error. Make sure to use the configs for the right SDK versions, they are all prepared in the docs tutorial, in my case, I had to use SDK 50+.
  • In my case, it was a new project, so there was no refactoring needed for the switch to Nativewind v4.

Hey Everyone! Use these version: Let me know if any further help is needed

npm i -D tailwindcss@3.3.2
yarn add --dev tailwindcss@3.3.2

Tailwindcss published a breaking change as a minor version. Please lock your tailwindcss@3.3.2

So, any ideas on how to use the latest version of NativeWind with Expo 49 and expo-router?

Edited: Found this: https://www.nativewind.dev/v4/getting-started/expo-router

I’m using Expo + expo-router + Nx. It was solved just removing ^

Tailwindcss published a breaking change as a minor version. Please lock your tailwindcss@3.3.2.

It worked for me… Thanks @marklawlor