1

I followed the instructions here to allow my app to run on the web. Although the native app works fine (android) the web app just shows a blank white screen. The app.bundle.js loads on the browser, but the root div stays empty.

Here is the index.html

<!doctype html>
<html>

<head>
    <meta charSet="utf-8" />
    <meta httpEquiv="X-UA-Compatible" content="IE=edge" />

    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1" />

    <title>App</title>

    <style>
        html,
        body,
        #root {
            height: 100%;
        }

        #root {
            display: flex;
            flex-direction: column;
        }
    </style>
</head>

<body>
    <script src="app.bundle.js"></script>
    <div id="root"></div>
</body>

</html>
  • react-native: 0.65.1
  • react-native-paper: 4.9.2
  • react-native-web: 0.17.1

Note: I did not follow the "Using CRA" section, since i created the app with "react-native init".

Kartikey
  • 4,516
  • 4
  • 15
  • 40
daskalgg
  • 13
  • 4

0 Answers0