android - 网络安全配置导致 React Native 应用程序未连接到 Metro 服务器

Question

我有一个非常奇怪的问题，我无法解决。我也不知道怎么用谷歌搜索这个，因为虽然我熟悉 React Native，但我不熟悉 Android 本身，也不知道我的搜索词应该是什么。
因此，在我的 react native 代码中，我的客户添加了以下 network_security_config.xml android/app/src/main/res/xml 下的文件小路:

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <domain-config cleartextTrafficPermitted="true">
        <domain includeSubdomains="true">_my_clients_ip</domain>
    </domain-config>
</network-security-config>

因此，他们在 AndroidManifest.xml 中添加了以下内容文件位于 android/app/src/main小路:

.
.
<application
.
.
        android:networkSecurityConfig="@xml/network_security_config"
</application>
.
.

上面的点表示为简洁起见我省略了的其他属性和标签。
我的问题
我正在使用 Android 模拟器来测试我的 React Native 应用程序。
在没有上述 xml 之前，我的 react native 应用程序运行良好。但是，通过上述添加，当我使用命令(在 2 个不同的终端中)启动我的 native 应用程序时:

$ npx react-native start --reset-cache
$ npx react-native run-android

该应用程序在模拟器中加载 - 但它似乎与地铁 bundler 断开连接(终端运行 npx react-native start --reset-cache )。
我试着按 r键入此终端以检查重新加载是否有效并输出:

warn No apps connected. Sending "reload" to all React Native apps failed.
Make sure your app is running in the simulator or on a phone connected via USB.

我不知道为什么。如果我要删除 android:networkSecurityConfig="@xml/network_security_config"来自 AndroidManifest.xml ，那么一切都很好。
我该如何解决这个问题？

Answer 1

您可以尝试将 localhost 域添加到 XML 文件:

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <domain-config cleartextTrafficPermitted="true">
        <domain includeSubdomains="true">_my_clients_ip</domain>
        <domain includeSubdomains="true">127.0.0.1</domain>
        <domain includeSubdomains="true">10.0.0.1</domain>
        <domain includeSubdomains="true">localhost</domain>
    </domain-config>
</network-security-config>