question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Is tailwind-rn reaching into a private internal file of react-native instead of using the public API ?

See original GitHub issue

Hello,

I’m trying to setup tailwind-rn in a next.js + expo monorepo (using react-native-web) and after adding tailwind-rn to my list of next-transpile-modules I still get the following error.

Screen Shot 2022-01-29 at 14 16 34

It throws that error trying to parse a Flow file. Could it be that the tailwind-rn lib is is reaching into a private internal file of react-native instead of using the public API ?

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
gablabellecommented, Feb 4, 2022

@asader If you’re using next.js you can fix this by adding @react-native-community/hooks to list of transpiled modules and it now works.

const withTM = require('next-transpile-modules')([
  'tailwind-rn',
  '@react-native-community/hooks',
]);
0reactions
vadimdemedescommented, Feb 2, 2022

I see, then this isn’t a tailwind-rn issue. I guess @react-native-community/hooks isn’t compatible with react-native-web, but you should ask them to confirm.

Read more comments on GitHub >

github_iconTop Results From Across the Web

vadimdemedes/tailwind-rn - GitHub
Use Tailwind CSS in React Native projects. Contribute to vadimdemedes/tailwind-rn development by creating an account on GitHub.
Read more >
5 Reasons to Use Tailwind CSS with React Native
Tailwind CSS is an open-source utility-first CSS framework. It redefines the way you style applications by providing a variety of CSS classes.
Read more >
React Native Components Override styles "leaking"
I'm trying to build my own component library specific to my React Native app using the Atomic Design Methodology, so I have small...
Read more >
Why you should use Tailwind CSS with React Native
Use Tailwind CSS with your React Native application to reap the benefits of utility-first CSS, like ease of maintenance and styling.
Read more >
React native paypal checkout - Caritas Castellaneta
React Native Paypal Android SDK Wrapper module java file. It will appear like this. Developers may want to use global state when many...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found