ios - React Native - ios - 从预打包文件加载失败

Question

我有一个 react 原生应用程序，可以与开发服务器一起正常工作。

我想从 xcode 项目中捆绑要在本地提供的应用程序。所以，我启动了开发服务器并运行

curl 'http://localhost:8080/index.ios.bundle?platform=ios&dev=true' -o ios/main.jsbundle

这在我的 ios 文件夹中创建了一个名为 main.jsbundle 的新文件。然后我去了我的 AppDelegate.m并更改了我的 jsCodeLocation到

jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"]; 

一切似乎都是正确的，但是当我从 xcode 构建项目时我看到了 Loading from bundled file ...在模拟器的顶部，而不是别的。

从我看到的 chrome 调试器

    Uncaught NetworkError: Failed to execute 'importScripts' on 
'WorkerGlobalScope': The script at 
'file:///Users/benconant/Library/Developer/CoreSimulator/Devices/3054F999-82…281E-90D6-410D-BC17-
81A6D1DFCA2A/Eastern%20Car%20Service.app/main.jsbundle' failed to 
load.messageHandlers.executeApplicationScript @ 
debuggerWorker.js:18onmessage @ debuggerWorker.js:42

如果我单击文件路径，它会将我带到包含我的应用程序的所有 javascript 代码的捆绑包。不知道为什么这个包无法加载......它似乎与从服务器发送的包相同

jsCodeLocation = [NSURL URLWithString:@"http://localhost:8080/index.ios.bundle?platform=ios&dev=true"];

仅供引用...我还尝试按照 https://facebook.github.io/react-native/docs/running-on-device-ios.html#content 中的官方步骤创建捆绑包这导致了同样的错误。我的想法是，如果捆绑包是从我的开发服务器加载的，我应该确保我放入项目中的那个与那个相同。

Answer 1

好的......所以经过几个小时的挖掘和玩耍，我解决了这个问题。首先我需要禁用 chrome 调试功能 command + option + z这就是导致

Uncaught NetworkError: Failed to execute 'importScripts' on 
'WorkerGlobalScope': The script at 
'file:///Users/benconant/Library/Developer/CoreSimulator/Devices/3054F999-82…281E-90D6-410D-BC17-
81A6D1DFCA2A/Eastern%20Car%20Service.app/main.jsbundle' failed to 
load.messageHandlers.executeApplicationScript @ 
debuggerWorker.js:18onmessage @ debuggerWorker.js:42  

然后我得到了这篇文章中描述的错误 "Invariant Violation: Application AwesomeProject has not been registered" When building for iOS device with static jsbundle ...
我最终在 AppDelegate.m 中将我的应用程序从 App 重命名为更合适的名称和我的根组件。繁荣......它奏效了。我认为最大的收获是确保在尝试从包加载时禁用 chrome 调试器。