Getting Error: 'Use process(css).then(cb) to work with async plugins'
Matthew C.
—The Problem
Attempts to bundle JavaScript code in Reactive Native return the following error when NativeWind is used to incorporate Tailwind CSS to style components:
Bundling failed error: Use process(css).then(cb) to work with async plugins
The Solution
This error is due to the Tailwind CSS version 3.3.3 update, which made the PostCSS plugin asynchronous to improve performance. This is a breaking change for NativeWind. NativeWind does not work with Tailwind CSS versions 3.3.3 and above.
There are two ways to work around this breaking change:
Upgrade to the alpha version of NativeWind version 4, which will be released soon. Note that using the alpha version may result in a higher incidence of bugs and other issues.
Downgrade to Tailwind CSS version 3.3.2 as follows:
Click to Copynpm install --save-dev [email protected]In your
package.jsonfile, remove the caret character (^) version prefix fortailwindcss, so that the version doesn’t get a patch version bump to version 3.3.3 if you usenpm-versionto make non-breaking dependency updates.
- Listen to the Syntax Podcast
![Syntax.fm logo]()
Tasty treats for web developers brought to you by Sentry. Get tips and tricks from Wes Bos and Scott Tolinski.
SEE EPISODES
Considered “not bad” by 4 million developers and more than 100,000 organizations worldwide, Sentry provides code-level observability to many of the world’s best-known companies like Disney, Peloton, Cloudflare, Eventbrite, Slack, Supercell, and Rockstar Games. Each month we process billions of exceptions from the most popular products on the internet.