title: BABEL Cannot find module 'node:path' error react-native
body: <p>I'm trying to setup <a href="https://tailwindcss-react-native.vercel.app/" rel="nofollow noreferrer">tailwindcss-react-native</a> package into my react native project. After successful installation when I add classnames to a component it gives me an error. I've tried uninstalling and then re-installing it, removing the npm cache and node_modules folder but I can't figure out what is wrong. I'm attaching the error log and also codes of my project. Please point out what I'm missing here. Thank you</p>
  <p><a href="https://i.stack.imgur.com/WPcMr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WPcMr.png" alt="Screenshot of error log" /></a></p>
  <p>My babel.config.js file:</p>
  <pre><code>module.exports = function(api) {
    api.cache(true);
    return {
      presets: ['babel-preset-expo'],
      plugins: [&quot;tailwindcss-react-native/babel&quot;],
    };
  };
  </code></pre>
  <p>My tailwind.config.js file:</p>
  <pre><code>module.exports = {
    content: [
      &quot;./screens/**/*.{js,ts,jsx,tsx}&quot;,
      &quot;./pages/**/*.{js,ts,jsx,tsx}&quot;,
      &quot;./components/**/*.{js,ts,jsx,tsx}&quot;,
    ],
    theme: {
      extend: {},
    },
    plugins: [],
  }
  </code></pre>
  <p>My App.js file:</p>
  <pre><code>import { TailwindProvider } from 'tailwindcss-react-native';
  import { NavigationContainer } from '@react-navigation/native';
  import { createNativeStackNavigator } from '@react-navigation/native-stack';
  import HomeScreen from './screens/HomeScreen';
  
  const Stack = createNativeStackNavigator();
  
  export default function App() {
    return (
      &lt;NavigationContainer&gt;
        &lt;TailwindProvider&gt;
          &lt;Stack.Navigator&gt;
            &lt;Stack.Screen name=&quot;Home&quot; component={HomeScreen} /&gt;
          &lt;/Stack.Navigator&gt;
        &lt;/TailwindProvider&gt;
      &lt;/NavigationContainer&gt;
      
    );
  }
  </code></pre>
  <p>My HomeScreen.js screen:</p>
  <pre><code>import { View, Text } from 'react-native'
  import React from 'react'
  
  export default function HomeScreen() {
    return (
      &lt;View&gt;
        &lt;Text className=&quot;text-red-500&quot;&gt;HomeScreen&lt;/Text&gt;
      &lt;/View&gt;
    )
  }
  </code></pre>
  <p>My dependencies &amp; dev dependencies:</p>
  <pre><code>&quot;dependencies&quot;: {
      &quot;@react-navigation/native&quot;: &quot;^6.0.11&quot;,
      &quot;@react-navigation/native-stack&quot;: &quot;^6.7.0&quot;,
      &quot;expo&quot;: &quot;~45.0.0&quot;,
      &quot;expo-status-bar&quot;: &quot;~1.3.0&quot;,
      &quot;react&quot;: &quot;17.0.2&quot;,
      &quot;react-dom&quot;: &quot;17.0.2&quot;,
      &quot;react-native&quot;: &quot;0.68.2&quot;,
      &quot;react-native-safe-area-context&quot;: &quot;4.2.4&quot;,
      &quot;react-native-screens&quot;: &quot;~3.11.1&quot;,
      &quot;react-native-web&quot;: &quot;0.17.7&quot;,
      &quot;tailwindcss-react-native&quot;: &quot;^1.7.10&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;@babel/cli&quot;: &quot;^7.18.6&quot;,
      &quot;@babel/core&quot;: &quot;^7.18.6&quot;,
      &quot;@babel/node&quot;: &quot;^7.18.6&quot;,
      &quot;tailwindcss&quot;: &quot;^3.1.4&quot;
    },
  </code></pre>