Can't Run In Release Mode

[WilliamWelsh]

Problem Description

My app runs fine in Debug, but when I try to run it in Release mode I get errors no matter the configuration. It was first because of reanimated (which compiled fine in Debug?) so I got rid of it. I disabled minification, and with Hermes disabled, I get a globalThis is not defined error (I have generated a certificate so it's not that) (I enabled UseDeveloperSupport to see the redbox in Release). I enabled Hermes to see if there was a better callstack, but with Hermes it doesn't run at all and it says it's missing a index.windows.bundle.packager.map file.

Below is the redbox error I get if I don't have Hermes enabled.
ReferenceError: 'globalThis' is not defined

setupURLPolyfill (Unknown script
code:182446:4

Anonymous function (Unknown script
code: 182410:5

loadModuleImplementation (Unknown script
code: 205:6

guardedLoadModule (Unknown script
code:136:6

metroRequire (Unknown script
code: 64:4

Anonymous function (Unknown script
code: 182221:2

loadModuleImplementation (Unknown script
code: 205:6

guardedLoadModule (Unknown script
code: 136:6

metroRequire (Unknown script
code: 64:4

Anonymous function (Unknown script
code: 178907:2

Steps To Reproduce

1. Set mode to Release in Visual Studio
2. App fails to build

Expected Results

App runs just like it does when it's in Debug mode

CLI version

11.3.6

Environment

System:
  OS: Windows 10 10.0.22621
  CPU: (20) x64 Intel(R) Core(TM) i9-10850K CPU @ 3.60GHz
  Memory: 18.35 GB / 31.87 GB
Binaries:
  Node:
    version: 18.16.0
    path: C:\Program Files\nodejs\node.EXE
  Yarn:
    version: 1.22.19
    path: ~\AppData\Roaming\npm\yarn.CMD
  npm:
    version: 9.5.1
    path: C:\Program Files\nodejs\npm.CMD
  Watchman: Not Found
SDKs:
  Android SDK: Not Found
  Windows SDK:
    AllowDevelopmentWithoutDevLicense: Enabled
    AllowAllTrustedApps: Enabled
    Versions:
      - 10.0.14393.0
      - 10.0.17134.0
      - 10.0.17763.0
      - 10.0.18362.0
      - 10.0.19041.0
      - 10.0.22000.0
      - 10.0.22621.0
IDEs:
  Android Studio: Not Found
  Visual Studio:
    - 15.9.33529.398 (Visual Studio Enterprise 2017)
    - 17.5.33530.505 (Visual Studio Community 2022)
    - 17.6.33723.286 (Visual Studio Professional 2022)
    - 16.11.33529.622 (Visual Studio Community 2019)
Languages:
  Java:
    version: 17.0.8.1
    path: C:\Program Files\Eclipse Adoptium\jdk-17.0.8.101-hotspot\bin\javac.EXE
  Ruby: Not Found
npmPackages:
  "@react-native-community/cli": Not Found
  react:
    installed: 18.2.0
    wanted: 18.2.0
  react-native:
    installed: 0.72.4
    wanted: 0.72.4
  react-native-windows:
    installed: 0.72.10
    wanted: 0.72.10
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: false
iOS:
  hermesEnabled: Not found
  newArchEnabled: Not found

Target Platform Version

10.0.19041

Target Device(s)

Desktop

Visual Studio Version

Visual Studio 2022

Build Configuration

Release

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

No response

[WilliamWelsh]

Emptied out my App.tsx to just be a <Text> and it runs in Release fine now, but some guidance on how to further find the root of the error without having to import stuff one by one would be very helpful. I had a lot of trouble trying to use WinDbg (Chakra symbols wouldn't install/load, jd couldn't be found, no permission to manually add jsdbg extension to WinDbg preview (I guess because it's from the Windows Store?) and couldn't use the really old WinDbg because there's no load package button).

[WilliamWelsh]

The non-Hermes issue was because of the react-native-url-polyfill package. I've removed it and now being told object doesn't support property or method flat, which I think would be fixed by switching to Hermes, but I'm still lost on the file it fails to generate when Hermes is enabled (index.windows.bundle.packager.map). It might be important to note that this is a packaged app, not just the UWP part running, and it's C# not CPP.

[chrisglein]

Sounds like you've made some progress. But let me see if I can assemble some resources to help.

I had a lot of trouble trying to use WinDbg (Chakra symbols wouldn't install/load, jd couldn't be found, no permission to manually add jsdbg extension to WinDbg preview (I guess because it's from the Windows Store?) and couldn't use the really old WinDbg because there's no load package button).

Give this part of the documentation a look, and let us know if it was/wasn't helpful:
https://microsoft.github.io/react-native-windows/docs/debugging-javascript

ReferenceError: 'globalThis' is not defined

Generally this error is a result of using an old Node version, but that doesn't appear to be your problem base on your environment info. There was a similar thread on this here: #11957
It does appear that the change in the module that affected this is relatively recent: https://github.com/charpeni/react-native-url-polyfill/pull/413/files

I've removed it and now being told object doesn't support property or method flat, which I think would be fixed by switching to Hermes

I do believe that's a problem with Chakra (the default JS engine) not having support for flat, and Hermes would resolve that. Also see this thread: #11952

Speak up if the debugging resources above aren't useful. Would love to be able to help unblock you.

[WilliamWelsh]

Thanks for the reply. The link below is what I was using for info on how to debug it, half the commands errored out, and some extensions, like jd didn't exist for me. I will try the doc you shared next time.
https://github.com/microsoft/react-native-windows/wiki/Getting-a-JS-callstack-in-the-debugger

I got around the flat error, it was my dropdown library I was using so I switched to another one, but there's issues in Release that keep coming up because of Chakra. Random, but annoying, things like string.replaceAll and Array.at that I rewrite, so I want to focus on switching to Hermes. I hadn't found that part of the documentation you shared, so I will try that next time, but I can't run it yet because I cannot get Hermes to compile for Release, it gives me the following error:

14>EXEC : error : ENOENT: no such file or directory, open 'C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\bin\x86\Release\sourcemaps\react\index.windows.bundle.packager.map'
14>C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\node_modules\react-native-windows\PropertySheets\Bundle.Common.targets(25,5): error MSB3073: The command "node "C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\node_modules\react-native\\scripts\compose-source-maps.js" "C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\bin\x86\Release\sourcemaps\react\index.windows.bundle.packager.map" "C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\bin\x86\Release\sourcemaps\react\index.windows.bundle.compiler.map" -o "C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\bin\x86\Release\sourcemaps\react\index.windows.bundle.map"" exited with code 1.

[chrisglein]

14>EXEC : error : ENOENT: no such file or directory, open 'C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\bin\x86\Release\sourcemaps\react\index.windows.bundle.packager.map'

This file should have been created by a previous build step. Were there any errors or warnings from before this? This is the source map for the bundle. Can we see a bit more of the logs from the bundle creation step?

[WilliamWelsh]

15>Done building project "NowCandid.Package.wapproj" -- FAILED.
15>Build FAILED.
15>
15>C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\Bundle\index.windows.bundle(3381,18): warning G2BA5DD72: the variable "DebuggerInternal" was not declared in function "__shouldPauseOnThrow"
15>C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\Bundle\index.windows.bundle(5020,108): warning G6B002900: the variable "nativeFabricUIManager" was not declared in function "onChange"
15>C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\Bundle\index.windows.bundle(9380,30): warning GE03A4782: the variable "REACT_DEVTOOLS_GLOBAL_HOOK" was not declared in anonymous function " 185#"
15>C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\Bundle\index.windows.bundle(11693,5): warning G77E22827: the variable "setImmediate" was not declared in function "handleResolved"
15>C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\Bundle\index.windows.bundle(11923,16): warning G332A2BDE: the variable "AggregateError" was not declared in function "getAggregateError"
15>C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\Bundle\index.windows.bundle(15817,12): warning G38524370: the variable "fetch" was not declared in anonymous function " 428#"
15>C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\Bundle\index.windows.bundle(15818,14): warning GDA60B1F6: the variable "Headers" was not declared in anonymous function " 428#"
15>C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\Bundle\index.windows.bundle(15819,14): warning GECC554D9: the variable "Request" was not declared in anonymous function " 428#"
15>C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\Bundle\index.windows.bundle(15820,15): warning GC40DAD47: the variable "Response" was not declared in anonymous function " 428#"
15>C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\Bundle\index.windows.bundle(15970,24): warning G7B5B9C2F: the variable "FileReader" was not declared in function "readBlobAsArrayBuffer"
15>C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\Bundle\index.windows.bundle(16017,36): warning GF3A9CBA3: the variable "Blob" was not declared in anonymous function " 439#"
15>C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\Bundle\index.windows.bundle(16019,40): warning G8D7609B6: the variable "FormData" was not declared in anonymous function " 439#"
15>C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\Bundle\index.windows.bundle(16021,44): warning GC28CE01D: the variable "URLSearchParams" was not declared in anonymous function " 439#"
15>C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\Bundle\index.windows.bundle(16259,23): warning G131427C6: the variable "XMLHttpRequest" was not declared in anonymous function " 448#"
15>C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\Bundle\index.windows.bundle(15829,76): warning GA53E088E: the variable "self" was not declared in anonymous function " 431#"
15>C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\Bundle\index.windows.bundle(24380,27): warning G76D1C46C: the variable "performance" was not declared in anonymous function " 686#"
15>C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\Bundle\index.windows.bundle(24403,26): warning G2639FCD9: the variable "navigator" was not declared in anonymous function " 686#"
15>C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\Bundle\index.windows.bundle(24513,37): warning GF0744496: the variable "MessageChannel" was not declared in anonymous function " 686#"
15>C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\Bundle\index.windows.bundle(24528,34): warning G5904517A: the variable "nativeRuntimeScheduler" was not declared in anonymous function " 686#"
15>C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\Bundle\index.windows.bundle(40286,34): warning GA4D07A9C: the variable "requestAnimationFrame" was not declared in function "start 9#"
15>C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\Bundle\index.windows.bundle(56229,20): warning GC50E1901: the variable "localStorage" was not declared in function "ColorSchemeStore"
15>C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\Bundle\index.windows.bundle(165806,51): warning GDAB07A51: the variable "btoa" was not declared in function "dispatchXhrRequest"
15>C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\Bundle\index.windows.bundle(175837,16): warning G59AD04B2: the variable "AbortController" was not declared in function "getAbortController"
15>EXEC : error : ENOENT: no such file or directory, open 'C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\bin\x86\Release\sourcemaps\react\index.windows.bundle.packager.map'
15>C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\node_modules\react-native-windows\PropertySheets\Bundle.Common.targets(25,5): error MSB3073: The command "node "C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\node_modules\react-native\scripts\compose-source-maps.js" "C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\bin\x86\Release\sourcemaps\react\index.windows.bundle.packager.map" "C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\bin\x86\Release\sourcemaps\react\index.windows.bundle.compiler.map" -o "C:\Users\william.welsh\Documents\Repos\nowcandid-mobile-camera-app\windows\nowcandid_camera_app\bin\x86\Release\sourcemaps\react\index.windows.bundle.map"" exited with code 1.
15> 23 Warning(s)
15> 2 Error(s)
15>
15>Time Elapsed 00:00:05.29
========== Build: 14 succeeded, 1 failed, 0 up-to-date, 0 skipped ==========