New Architecture application appears as blank white app when launching on certain versions of RNW: Better dev ex around this class of errors
#14,432 创建于 2025年3月18日
仓库指标
- Star
- (6,114 star)
- PR 合并指标
- (平均合并 4天 14小时) (30 天内合并 45 个 PR)
描述
Problem Description
There have been several instances of a fresh New Architecture app being launched and deployed without any build errors, but then displaying a blank white screen. The JS bundle loads correctly, and the solution has no errors, so it is very difficult to debug the reason why the app content is not being displayed.
Link to instance of issue: https://github.com/microsoft/react-native-windows/issues/14370
A common cause of this error is when the RN and RNW versions being used by the app are not the same major version (i.e using 0.77.X RNW version with 0.78.X RN version). In order to fix this, the react-native and react-native-windows dependencies should be on the same major version.
Steps To Reproduce
- Create a new RNW app with the New Arch template
- Build and launch
Expected Results
App displays content successfully
CLI version
npx @react-native-community/cli -v
Environment
npx @react-native-community/cli info
Community Modules
No response
Target Platform Version
None
Target Device(s)
No response
Visual Studio Version
None
Build Configuration
None
Snack, code example, screenshot, or link to a repository
No response