Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

expo-nativebase-typescript Blank Screen in production #38

Open
IllusiveBagel opened this issue Mar 8, 2022 · 3 comments
Open

expo-nativebase-typescript Blank Screen in production #38

IllusiveBagel opened this issue Mar 8, 2022 · 3 comments

Comments

@IllusiveBagel
Copy link

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
Copy link
Author

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
Copy link

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
Copy link

EstevamPonte commented Aug 12, 2023

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

Remove homepage from package.json

#44 (comment)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants