Bundles generated offline do not start running the RN app when executed (white screen on version 0.69+) #10255

AlenToma · 2022-07-12T02:15:58Z

Problem Description

I have build an app base64string-package-maker to be able to decrypt packages so that I could use the package on other apps.

The problem is that When I build publish/create app Package with release as a target I only get blank app.

That mean when I run Install.ps1 the app gets installed but there is no js included what so ever.

I think that the app boundle is not included somehow or maybe something else.

I do not get Any exception or error, So I have no Idea what is happning.

Steps To Reproduce

1- create an app and then publish it with release
2- You will get a clean app without any js

OR

1- fork my app base64string-package-maker
2- publish it and see that there is no js included

Expected Results

The app should show the js components and run as normal.

CLI version

8.0.3

Environment

System:
    OS: Windows 10 10.0.19044
    CPU: (8) x64 Intel(R) Core(TM) i7-3820 CPU @ 3.60GHz
    Memory: 5.70 GB / 11.92 GB
  Binaries:
    Node: 14.18.1 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.17 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 6.14.15 - C:\Program Files\nodejs\npm.CMD
    Watchman: Not Found
  SDKs:
    Android SDK: Not Found
    Windows SDK:
      AllowDevelopmentWithoutDevLicense: Enabled
      AllowAllTrustedApps: Enabled
      Versions: 10.0.17763.0, 10.0.18362.0, 10.0.19041.0
  IDEs:
    Android Studio: AI-212.5712.43.2112.8609683
    Visual Studio: 16.11.32602.291 (Visual Studio Enterprise 2019)
  Languages:
    Java: 18.0.1.1 - C:\Program Files\Common Files\Oracle\Java\javapath\javac.EXE
  npmPackages:
    @react-native-community/cli: Not Found
    react: 18.0.0 => 18.0.0
    react-native: 0.69.1 => 0.69.1
    react-native-windows: 0.69.1 => 0.69.1
  npmGlobalPackages:
    *react-native*: Not Found

Target Platform Version

10.0.15063

Target Device(s)

Desktop

Visual Studio Version

Visual Studio 2019

Build Configuration

Release

Snack, code example, screenshot, or link to a repository

base64string-package-maker

The text was updated successfully, but these errors were encountered:

AlenToma · 2022-07-14T16:42:03Z

Solved it by downgrading react-native to 0.67

chrisglein · 2022-07-14T18:13:32Z

The link to base64string-package-maker doesn't work, is it a private repo?
Is your app C# or C++?

Through validating the publish of React Native Gallery on 0.69 we know that bundling for C++ in release is good.
The end to end test app should be validating this with tests that run release with the bundle. @jonthysell can you validate that is being covered here?

AlenToma · 2022-07-14T18:16:44Z

I hade downgraded to 0.67.4 and it is working now so the repo work now and I changed it private.

The repo I create is cs with the latest react-native and latest react-native-windows.

So as long as you create one and publish it with a release, I am sure that you will get the same problem.

The only libraries I hade on top of react-native and react-native-windows are the following

    "crypto-js": "^3.1.9-1",
    "js-base64": "^3.7.2",
    "react-native-fs": "git+https://github.com/avmoroz/react-native-fs.git#dev",

jonthysell · 2022-07-14T19:55:51Z

I can repro this on 0.69. The bundle file is present in the appx package, investigating to see why it isn't loading when the app starts.

jonthysell · 2022-07-14T22:45:40Z

Confirmed that the bundle is seen and loaded from disk, still investigating.

jonthysell · 2022-07-15T18:26:12Z

Confirmed that this repros with new 69 C++ apps in release mode too.

jonthysell · 2022-07-15T19:31:46Z

Confirmed this issue does not repro in RNW 0.68.9.

This only repros in RNW 0.69.

jonthysell · 2022-07-18T17:28:51Z

Still actively investigating this, spent all day Friday trying to debug what's going on. So far:

The JS bundle is being created successfully at build time.
The bundle file is included in the appx
The bundle file is loaded into memory when the native app starts
The bundle's contents are passed off the the JS engine and executed without any errors thrown

However, the JS app doesn't start. As far as I can see, no messages are ever sent across the bridge, view managers never create any views, etc. Without any errors, you're left with an empty ReactRootControl and the JS code is "done".

This repros in debug with a local bundle (so it's not just release). It repros with both chakra and hermes. It repros with both dev=true or dev=false.

The only remaining lead is that it doesn't repro with the E2ETestApp, which loads a modified version of RNTesterApp. Which is double frustrating because the E2E tests actually interact with the UI, so if the issue did repro, the tests would have failed and caught this.

jonthysell · 2022-07-18T19:34:54Z

I have confirmed via experiment that copying and using the "new RN app template" JS within the e2e test app source repros the behavior - loading bundle via metro works, loading offline bundle gives a blank app.

…undles synchronously `JsToNativeBridge::callNativeModules` only calls the stored `BridgeUIBatchInstanceCallback::onBatchComplete` if it's at the end of a batch, and either a native/turbo module method had been called previously, or if there are new incoming method calls. This call to `onBatchComplete` is what causes the batched UI queue to be processed, rendering changes in the native UI. However, some (simple) JS apps, such as the default template for a new RN app, don't make any native function calls during app startup. When loading bundles asynchronously from Metro, the `onBatchComplete` call to process the UI queue gets posted to the native queue, so it gets run appropriately. However, when loading bundles synchronously (from a pre-built bundle file), the first `onBatchComplete` will only be called if a native/turbo module was called during app startup. Without it, the app is *technically running*, but batched UI queue just sits there with the tasks to build the initial UI unprocessed. The result is a "blank app", i.e. the `ReactRootView` has no children. "Technically" the app has loaded and is running (if you click we'll dispatch events to the JS side). This PR fixes the issue by explictly calling the `onBatchComplete` after the app has loaded from a synchronous bundle load. If the batch has already been processed, then it's essentially a slightly wasteful no-op. I have tested that this resolves the issue for the "simple" apps, and seems to have no adverse effect on apps that have already caused `onBatchComplete` to be called normally. Resolves microsoft#10255

jonthysell · 2022-07-22T00:23:41Z

The bug is that the commands to render the UI don't get processed on the native side if no native modules are ever called by the JS.

taduyde · 2022-07-26T01:38:09Z

the same problem, any update or any way to a workaround for this?

taduyde · 2022-07-26T02:02:17Z

Hi @jonthysell ,
the issue also happened on version: 0.67.2

cjhines · 2022-08-30T14:15:05Z

I'm still encountering this on 0.69.6, where I believe the fix was published.

Weirdly, when I build a package in Visual Studio the bug does not occur. This is still a blocker however, as it prevent our CI deployment.

chrisglein · 2022-09-01T18:18:51Z

I'm still encountering this on 0.69.6, where I believe the fix was published.

Weirdly, when I build a package in Visual Studio the bug does not occur. This is still a blocker however, as it prevent our CI deployment.

This was only recently backported to 0.69. You're going to need something newer. The build published next week should have it (0.69.7).

noshaid-ali · 2025-02-26T07:52:26Z

I'm facing this blank white window error.
"react": "19.0.0",
"react-native": "^0.77.0",
"react-native-windows": "0.77.0"

Can anyone help me please?

AlenToma added the bug label Jul 12, 2022

ghost added the Needs: Triage 🔍 New issue that needs to be reviewed by the issue management team (label applied by bot) label Jul 12, 2022

chrisglein added Recent Regression Area: C#/C++ interop and removed Needs: Triage 🔍 New issue that needs to be reviewed by the issue management team (label applied by bot) labels Jul 14, 2022

chrisglein assigned jonthysell Jul 14, 2022

chrisglein added this to the 0.70 milestone Jul 14, 2022

jonthysell added must-have p1 and removed Area: C#/C++ interop labels Jul 15, 2022

jonthysell changed the title ~~Creating a release package dose not load the js components~~ Bundles generated offline do not start running the RN app code when executed Jul 18, 2022

jonthysell changed the title ~~Bundles generated offline do not start running the RN app code when executed~~ Bundles generated offline do not start running the RN app when executed Jul 18, 2022

jonthysell mentioned this issue Jul 21, 2022

Call BridgeUIBatchInstanceCallback::onBatchComplete after loading bundles synchronously #10296

Closed

jonthysell added the Developer First Experience Issues that are going to be hit by a new developer as they first try out RNW label Jul 21, 2022

acoates-ms mentioned this issue Jul 22, 2022

Allow batches to complete during load #10298

Merged

This was referenced Jul 25, 2022

white page when build release #10300

Closed

Project build successfully but when running it appears blank white screen (Existing react native project) #8549

Closed

chrisglein pinned this issue Jul 25, 2022

chrisglein changed the title ~~Bundles generated offline do not start running the RN app when executed~~ Bundles generated offline do not start running the RN app when executed (white screen on version 0.69+) Jul 25, 2022

acoates-ms closed this as completed in #10298 Jul 28, 2022

ghost added the Needs: Attention 👋 An issue that had been tagged "Needs: Author Feedback" has received activity (label applied by bot) label Aug 30, 2022

chrisglein unpinned this issue Aug 30, 2022

chrisglein removed the Needs: Attention 👋 An issue that had been tagged "Needs: Author Feedback" has received activity (label applied by bot) label Sep 1, 2022

noshaid-ali mentioned this issue Feb 26, 2025

Windows Desktop App white blank screen error (on running) #14370

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Bundles generated offline do not start running the RN app when executed (white screen on version 0.69+) #10255

Bundles generated offline do not start running the RN app when executed (white screen on version 0.69+) #10255

AlenToma commented Jul 12, 2022

AlenToma commented Jul 14, 2022

chrisglein commented Jul 14, 2022

AlenToma commented Jul 14, 2022 •

edited

Loading

jonthysell commented Jul 14, 2022

jonthysell commented Jul 14, 2022

jonthysell commented Jul 15, 2022

jonthysell commented Jul 15, 2022

jonthysell commented Jul 18, 2022 •

edited

Loading

jonthysell commented Jul 18, 2022

jonthysell commented Jul 22, 2022

taduyde commented Jul 26, 2022 •

edited

Loading

taduyde commented Jul 26, 2022 •

edited

Loading

cjhines commented Aug 30, 2022

chrisglein commented Sep 1, 2022

noshaid-ali commented Feb 26, 2025 •

edited

Loading

Bundles generated offline do not start running the RN app when executed (white screen on version 0.69+) #10255

Bundles generated offline do not start running the RN app when executed (white screen on version 0.69+) #10255

Comments

AlenToma commented Jul 12, 2022

Problem Description

Steps To Reproduce

Expected Results

CLI version

Environment

Target Platform Version

Target Device(s)

Visual Studio Version

Build Configuration

Snack, code example, screenshot, or link to a repository

AlenToma commented Jul 14, 2022

chrisglein commented Jul 14, 2022

AlenToma commented Jul 14, 2022 • edited Loading

jonthysell commented Jul 14, 2022

jonthysell commented Jul 14, 2022

jonthysell commented Jul 15, 2022

jonthysell commented Jul 15, 2022

jonthysell commented Jul 18, 2022 • edited Loading

jonthysell commented Jul 18, 2022

jonthysell commented Jul 22, 2022

taduyde commented Jul 26, 2022 • edited Loading

taduyde commented Jul 26, 2022 • edited Loading

cjhines commented Aug 30, 2022

chrisglein commented Sep 1, 2022

noshaid-ali commented Feb 26, 2025 • edited Loading

AlenToma commented Jul 14, 2022 •

edited

Loading

jonthysell commented Jul 18, 2022 •

edited

Loading

taduyde commented Jul 26, 2022 •

edited

Loading

taduyde commented Jul 26, 2022 •

edited

Loading

noshaid-ali commented Feb 26, 2025 •

edited

Loading