Troubleshooting

Styles randomly not working

NativeWind adds code to each file which is cached by Webpack/Metro. As each file is cache individually, changes to your tailwind.config.js or other files may not be reflected across your project.

To fix this issue, simply clear your project's cache either by expo start -c or react-native start --reset-cache.

Native styles not working at all

Follow the official troubleshooting guide

Please read the Tailwind content troubleshooting

Verify your configuration

If you are 100% your files are covered by content, try running

npx tailwind -o output.css

This will generate a output.css file with your projects styles written as css. Verify that it includes your expected styles (it may include extra styles).

Manually generate the output

Follow the Native Tailwind CLI setup guide to generate nativewind-output.js. This file includes the generated NativeWind styles.