I am trying to import icons from a tailwindcss file inside my expo app. I tried:
import { Tabs, Redirect } from 'expo-router'
import React from 'react'
import { icons } from '../../constants'
const TabIcon = ({ icon, color, name, focused }) => {
return (
<View>
<Image source={icon}/>
</View>
)
}
const TabsLayout = () => {
return (
<>
<Tabs>
<Tabs.Screen
name="explore"
options={{
title: '',
headerShown: false,
tabBarIcon: ({ color, focused }) => (
<TabIcon
icon={icons.explore}
color={color}
name="explore"
focused={focused}
/>
)
}}
/>
</Tabs>
</>
)
}
export default TabsLayout
but every time I run the app i get this error: Unable to resolve "../../constants" from "app(tabs)_layout.jsx"
- I have already confirmed the spelling of the folder and its location.
- I have tried to reach the folder via my global folder structure.
- I have updated my dependencies and packages.
- I tried to import other files from a different directory (got the same error)
- I have cleared the compiler cache
- I restarted my pc
All of these things resulted in the same error message.