Unable to resolve module '@unimodules/core` from '...expo-screen...'

[jo-san]

Thanks for an awesome project - really loved it!

We are building our UI library in react-native which will get used in our web projects as well, we are trying to move our setup to tamagui and facing the below issue in our react-native project setup.

Attaching screenshot for reference:

Package details
"@tamagui/babel-plugin": "1.0.0-alpha.68"
"react-native": "0.63.4"
"react-native-web": "0.17.7"

babel.config.js

      '@tamagui/babel-plugin',
      {
        components: ['tamagui'],
        config: './theme.js',
        importsWhitelist: ['constants.js', 'colors.js'],
        logTimings: true,
        disableExtraction: process.env.NODE_ENV === 'development',
      },
    ]```

[karlsander]

IIRC tamagui relies on @expo/match-media for media queries on the native site. That requires your project to be set up for expo modules, formerly (?) known as unimodules. It should be a straightforward setup, as long as you aren't using react-native-navigation or a native-RN "brownfield" hybrid, then it's 😓 because it wants to "own" your app entry point.

[natew]

@karlsander thanks for the heads up, I definitely should document that better or find a way to avoid the hard dep there.

[jothi-pyt]

Thanks @karlsander
As we are using native-cli I have installed react-native-unimodules package which introduces the below errors, Please check and let me know how to make this work

We are using @react-navigation/native

[natew]

Please set up a reproduction repo and I'll check it out.

[natew]

I restructured things and removed the need for most unimodules stuff, just expo. Check the starter repo if you need and guidance.