App is stuck on splash screen when opening it in Testflight

🐛 Bug Report

Environment

Expo CLI 3.0.10 environment info:
    System:
      OS: macOS 10.14.6
      Shell: 5.3 - /bin/zsh
    Binaries:
      Node: 10.14.2 - /usr/local/bin/node
yarn install v0.15.1
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...
success Saved lockfile.
Done in 6.66s. - /usr/local/bin/yarn
      npm: 6.10.3 - /usr/local/bin/npm
      Watchman: 4.7.0 - /usr/local/bin/watchman
    IDEs:
      Android Studio: 3.4 AI-183.6156.11.34.5692245
      Xcode: 10.3/10G8 - /usr/bin/xcodebuild
    npmPackages:
      expo: ^33.0.0 => 33.0.7 
      react: 16.8.3 => 16.8.3 
      react-native: https://github.com/expo/react-native/archive/sdk-33.0.0.tar.gz => 0.59.8 
      react-navigation: ^3.11.0 => 3.11.1 
    npmGlobalPackages:
      expo-cli: 3.0.10

I am trying to run the app through(testflight). Upload went well but when I downloaded app on Testflight and opened it, it seems to be stuck on splash screen(waiting for more then an hour but no luck).

Steps to Reproduce

Upload app on testflight and run the app from there.

Expected Behavior

App to work the same as it works in development or when running it on expo.io. Seems to work on expo.io when I published app over there and scanned/opened it with expo app.

Actual Behavior

App is stuck on Splash screen.

Reproducible Demo

Upload app on Testflight and run it there.

Sharing my app.js below

import { AppLoading } from "expo"
import { Asset } from "expo-asset"
import * as Font from "expo-font"
import React from "react"
import { Ionicons } from "@expo/vector-icons"
import { Provider } from "react-redux"
import store from "./store"
import Root from "./Root.js"
import { YellowBox } from "react-native"
import AppNavigator from "./navigation/AppNavigator"

YellowBox.ignoreWarnings(["Remote debugger"])

export default class App extends React.Component {
  constructor(props) {
    super(props)
    this.state = { isReady: false }
  }

  async loadResourcesAsync() {
    await Promise.all([
      Asset.loadAsync([
        require("./assets/images/robot-dev.png"),
        require("./assets/images/robot-prod.png")
      ]),
      Font.loadAsync({
        // This is the font that we are using for our tab bar
        ...Ionicons.font,
        "Rubik-medium": require("./assets/fonts/Rubik-Medium.ttf"),
        "Rubik-regular": require("./assets/fonts/Rubik-Regular.ttf"),
        "Rubik-light": require("./assets/fonts/Rubik-Light.ttf"),
        geo: require("./assets/fonts/geogrotesque.ttf")
      })
    ])
  }

  render() {
    if (!this.state.isReady) {
      return (
        <AppLoading
          startAsync={this.loadResourcesAsync}
          onError={error => console.warn(error)}
          onFinish={() => this.setState({ isReady: true })}
        />
      )
    }

    return (
      <Provider store={store}>
        <AppNavigator />
      </Provider>
    )
  }
}

Any suggestions would be appreciated, thanks.

[nikasvan]

It’s still weird that there was no error message of any kind when Splash screen was present. This

[cruzach]

Great 😄 What was the exact error cause/fix?