Hello,
I'm new to Gluestack and I wanted to give it a try.
Recently I created an Expo module and I'm currently working on a sample app for it in order to practice.
So, I had my project created and I just ran the init command
npx gluestack-ui init
and tried to run the app.
Initially I had some issues when compiling
react-native-svg
in Android Studio. I saw it was not used anywhere so I removed it from the project to move ahead.
Now the Android build works ok, but metro bundling is failing with:
Android Bundling failed 7971ms node_modules/expo-router/entry.js (1342 modules)
Unable to resolve "react-dom" from "node_modules/@react-aria/utils/dist/animation.main.js"
I see
node_modules/@react-aria/utils/dist folder
doesn't exist.
Do you have any idea why am I experiencing such amount of issues just by initalizing Gluestack?
Here are my packages versions.
react-native-safe-area-context
was
5.2.0
, I just ran
npx expo install --fix
and it installed this version now:
"dependencies": {
"@gluestack-ui/icon": "^0.1.25",
"@gluestack-ui/nativewind-utils": "^1.0.26",
"@gluestack-ui/overlay": "^0.1.16",
"@gluestack-ui/toast": "^1.0.8",
"@reduxjs/toolkit": "^2.5.1",
"babel-plugin-module-resolver": "^5.0.2",
"expo": "~52.0.30",
"expo-constants": "~17.0.5",
"expo-document-picker": "~13.0.2",
"expo-googlenearby-connection": "^0.1.4",
"expo-linking": "~7.0.5",
"expo-router": "~4.0.17",
"expo-status-bar": "~2.0.1",
"haversine": "^1.1.1",
"nativewind": "^4.1.23",
"react": "18.3.1",
"react-native": "0.76.6",
"react-native-css-interop": "^0.1.22",
"react-native-reanimated": "^3.16.7",
"react-native-safe-area-context": "4.12.0",
"react-native-screens": "~4.4.0",
"redux": "^5.0.1",
"tailwindcss": "^3.4.17"
},
"devDependencies": {
"@babel/core": "^7.25.2",
"@types/react": "~18.3.12",
"jscodeshift": "^0.15.2",
"typescript": "^5.3.3"
}