React Native App 不显示 console.logs()

debugcn 发表于 Dev

埃里克·维纳

在发布我的生产应用程序后，我发现无论我尝试什么，我都无法再查看 console.logs() 。

我试图重现这个问题：

安装最新版本的 npm
用于create-react-native-app创建新应用程序。
添加了调用 console.log() 的简单按钮
Console.log() 在 IOS 模拟器中工作
冉npm run eject。
打开 Xcode 项目并从内部运行。Console.logs() 仍在工作。
localhost从中删除了条目NSExceptionDomains。
编辑方案 -> 运行 -> 从调试更改为发布
将 jsCodeLocation 更改为jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];重建应用程序。Console.logs() 不再显示，但应用加载。

根据React Native 的为生产构建您的应用程序的指南，这是应用程序准备就绪的时候

埃里克·维纳

事后看来，生产版本不显示 console.logs() 可能是有道理的，但我仍在发布它，以防它对其他人有所帮助。

如果有人像我一样想要返回 console.logs() ，就像按照教程的相反操作一样简单。严格按照以下步骤将您的应用返回到 console.logs() 将显示的状态：

在 Xcode 中，转到 Product -> Scheme -> Edit Scheme -> Run -> 将 Build Configuration 设置为 Debug
在您的AppDelegate.m，更改jsCodeLocation为jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
最后，在您的中Info.plist，添加以下代码（为此使用文本编辑器 - 而不是 Xcode - 通过右键单击然后选择您选择的文本编辑器）：

代码：

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSExceptionDomains</key>
    <dict>
        <key>localhost</key>
        <dict>
            <key>NSExceptionAllowsInsecureHTTPLoads</key>
            <true/>
        </dict>
    </dict>
</dict>

关闭所有终端窗口，清理您的项目，关闭 Xcode，关闭模拟器，然后再次启动 Xcode 并重建您的项目。console.logs() 会回来。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。