GeekyAnts / nativebase-templates

NativeBase Templates for different platforms.
72 stars 76 forks source link

expo-nativebase-typescript Blank Screen in production #38

Open IllusiveBagel opened 2 years ago

IllusiveBagel commented 2 years ago

When creating a new project with expo-nativebase-typescript template and running in production mode the app gets stuck on a blank screen. Seen in both web running with expo-cli and when building an android APK.

IllusiveBagel commented 2 years ago

See below for my config

package.json

{
  "name": "my-app",
  "version": "1.0.0",
  "keywords": [
    "react",
    "expo",
    "template",
    "typescript",
    "nativebase"
  ],
  "license": "MIT",
  "scripts": {
    "start": "expo start --dev-client",
    "android": "expo run:android",
    "ios": "expo run:ios",
    "web": "expo start --web",
    "eject": "expo eject"
  },
  "dependencies": {
    "expo": "~42.0.0",
    "expo-status-bar": "~1.0.4",
    "native-base": "3.3.7",
    "react": "16.13.1",
    "react-dom": "16.13.1",
    "react-native": "~0.63.4",
    "react-native-safe-area-context": "3.2.0",
    "react-native-svg": "12.1.1",
    "react-native-web": "~0.13.12",
    "expo-splash-screen": "~0.11.2",
    "expo-updates": "~0.8.1",
    "react-native-gesture-handler": "~1.10.2",
    "react-native-reanimated": "~2.2.0",
    "react-native-screens": "~3.4.0",
    "react-native-unimodules": "0.14.10"
  },
  "devDependencies": {
    "@babel/core": "^7.9.0",
    "@types/react": "~16.9.35",
    "@types/react-native": "~0.63.2",
    "typescript": "~4.0.0"
  },
  "bugs": {
    "url": "https://github.com/GeekyAnts/nativebase-templates/issues"
  },
  "homepage": "https://github.com/GeekyAnts/nativebase-templates#readme",
  "author": "Aditya Jamuar",
  "private": true
}

app.json

{
  "expo": {
    "name": "my-app",
    "slug": "my-app",
    "version": "1.0.0",
    "orientation": "portrait",
    "icon": "./assets/icon.png",
    "splash": {
      "image": "./assets/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#ffffff"
    },
    "updates": {
      "fallbackToCacheTimeout": 0
    },
    "assetBundlePatterns": [
      "**/*"
    ],
    "ios": {
      "supportsTablet": true
    },
    "android": {
      "adaptiveIcon": {
        "foregroundImage": "./assets/adaptive-icon.png",
        "backgroundColor": "#FFFFFF"
      },
      "package": "com.illusivebagel.myapp"
    },
    "web": {
      "favicon": "./assets/favicon.png"
    }
  }
}

expo diagnostics

Expo CLI 5.2.0 environment info:
    System:
      OS: Windows 10 10.0.19044   
    Binaries:
      Node: 16.13.0 - C:\Program Files\nodejs\node.EXE
      Yarn: 1.22.17 - ~\AppData\Roaming\npm\yarn.CMD
      npm: 8.1.3 - C:\Program Files\nodejs\npm.CMD
    npmPackages:
      expo: ~42.0.0 => 42.0.5
      react: 16.13.1 => 16.13.1
      react-dom: 16.13.1 => 16.13.1
      react-native: ~0.63.4 => 0.63.4
      react-native-web: ~0.13.12 => 0.13.18
    Expo Workflow: bare
EstevamPonte commented 1 year ago

I am having the same issue, I runed expo build:web and the web-build was generated, but when I uploaded on the netlify, my screen was completele blank.

I have no idea what to do

EstevamPonte commented 1 year ago

Hey, I just found a way to solve: hope this can help

Remove homepage from package.json

https://github.com/GeekyAnts/nativebase-templates/issues/44#issuecomment-1230984172