0

I have an expo app it is a dating app. It is working on mobile for both android and ios. But I get a blank screen when running on the web. I get some errors in the console of the browser.

Console errors

Here's my package.json:

{
    "name": "app",
    "version": "1.0.0",
    "main": "index.js",
    "scripts": {
        "start": "expo start",
        "dev": "expo start",
        "android": "expo start --android",
        "ios": "expo start --ios",
        "web": "expo start --web"
    },
    "dependencies": {
        "@expo-google-fonts/poppins": "^0.2.2",
        "@expo/vector-icons": "^13.0.0",
        "@expo/webpack-config": "^0.17.2",
        "@miblanchard/react-native-slider": "^2.2.0",
        "@react-native-async-storage/async-storage": "~1.17.3",
        "@react-native-community/datetimepicker": "6.5.2",
        "@react-native-community/netinfo": "^9.3.7",
        "@react-navigation/drawer": "^6.6.0",
        "@react-navigation/native": "^6.1.4",
        "@react-navigation/native-stack": "^6.9.10",
        "@react-query-firebase/firestore": "^1.0.0-dev.7",
        "@react-spring/native": "9.5.5",
        "@tanstack/query-async-storage-persister": "^4.24.10",
        "@tanstack/react-query": "^4.24.9",
        "@tanstack/react-query-persist-client": "^4.24.10",
        "dotenv": "^16.0.3",
        "expo": "^47.0.13",
        "expo-application": "^5.0.1",
        "expo-auth-session": "^3.8.0",
        "expo-build-properties": "^0.5.1",
        "expo-dev-client": "~2.0.1",
        "expo-firebase-recaptcha": "^2.3.1",
        "expo-font": "~11.0.1",
        "expo-image-picker": "~14.0.2",
        "expo-linear-gradient": "~12.0.1",
        "expo-location": "~15.0.1",
        "expo-random": "^13.0.0",
        "expo-status-bar": "~1.4.2",
        "expo-updates": "~0.15.6",
        "expo-web-browser": "^12.0.0",
        "firebase": "^9.17.1",
        "geofire-common": "^6.0.0",
        "lodash": "^4.17.21",
        "lottie-react-native": "5.1.4",
        "moment": "^2.29.4",
        "moti": "^0.23.6",
        "native-base": "^3.4.25",
        "react": "18.1.0",
        "react-dom": "18.1.0",
        "react-firebase-hooks": "^5.1.1",
        "react-native": "0.70.5",
        "react-native-country-codes-picker": "^2.2.2",
        "react-native-datepicker": "^1.7.2",
        "react-native-deck-swiper": "^2.0.13",
        "react-native-flash-message": "^0.4.0",
        "react-native-gesture-handler": "~2.8.0",
        "react-native-picker-scrollview": "^1.0.1",
        "react-native-reanimated": "~2.12.0",
        "react-native-redash": "^18.1.0",
        "react-native-safe-area-context": "4.4.1",
        "react-native-screens": "~3.18.0",
        "react-native-snap-carousel": "^3.9.1",
        "react-native-svg": "13.4.0",
        "react-native-web": "~0.18.9",
        "react-native-webview": "11.23.1",
        "react-native-wheel-scrollview-picker": "^2.0.1",
        "react-navigation": "^4.4.4",
        "react-navigation-stack": "^2.10.4",
        "react-query": "^3.39.3",
        "react-tinder-card": "^1.6.2"
    },
    "devDependencies": {
        "@babel/core": "^7.12.9",
        "@types/react": "^18.0.28",
        "@types/react-native": "^0.71.3",
        "@types/react-native-snap-carousel": "^3.8.5",
        "replace-in-files": "^3.0.0",
        "ts-node": "^10.9.1",
        "typescript": "^4.9.5"
    },
    "private": true
}

I can't understand the errors. Is it saying that reanimated library and react-native-slider can't be used on the web or what.

Homo Sapiens
  • 1

0 Answers0