Angular NativeScript PlayGround Android Разрешения: android: usedCleartextTraffic = "true"

Question

Я разработал много в angular и решил, что хотел бы попробовать разработать приложение с использованием NativeScript.

Я использую tns preview для сканирования QR-кода приложения с помощью приложения для детской площадки на моем OnePlus 6t, используя OxygenOS 10.3.1. Телефон подключен к тому же вайфай. У меня также есть сервер nodejs, на котором я хотел бы получить некоторые данные, работающие на localhost: 3000.

Однако, когда я пытаюсь сделать запрос в приложении на моем телефоне, получаю эту ошибку:

Error: java.io.IOException: Cleartext HTTP traffic to 192.168.1.4 not permitted\n    at onRequestCom...

Так что после большого количества чтения понял, что я должен был добавить в свои App_Resources / Android / src / main / AndroidManifest xml подайте это:

`

<application   
.
.
android:usesCleartextTraffic="true"
.
.
>

`

После этого я перезапустил приложение, поскольку оно не выполнялось непосредственно pu sh обновления приложения на телефоне (PlayGround). Но ничего не изменилось, произошла та же ошибка.

Поэтому я попытался добавить network_security_config. xml и написал это: `

<?xml version="1.0" encoding="utf-8" ?>
<network-security-config>
    <domain-config cleartextTrafficPermitted="true">
        <domain includeSubdomains="true">10.0.2.2</domain> <!-- Debug port -->
        <domain includeSubdomains="true">xamarin.com</domain>
        <domain includeSubdomains="true">192.162.1.4:3000</domain> <!--My localhost domain on pc-->
    </domain-config>
</network-security-config>

`

, а затем в моем манифесте: `

<?xml version="1.0" encoding="utf-8" ?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="__PACKAGE__" android:versionCode="10000" android:versionName="1.0">

    <supports-screens android:smallScreens="true" android:normalScreens="true" android:largeScreens="true" android:xlargeScreens="true" />

    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.INTERNET" />

    <application android:networkSecurityConfig="@xml/network_security_config" android:name="com.tns.NativeScriptApplication" android:allowBackup="true" android:icon="@drawable/icon" android:label="@string/app_name" android:theme="@style/AppTheme" >

        <activity android:name="com.tns.NativeScriptActivity" android:label="@string/title_activity_kimera" android:configChanges="keyboard|keyboardHidden|orientation|screenSize|smallestScreenSize|screenLayout|locale|uiMode" android:theme="@style/LaunchScreenTheme">

            <meta-data android:name="SET_THEME_ON_LAUNCH" android:resource="@style/AppTheme" />

            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name="com.tns.ErrorReportActivity" />
    </application>
</manifest>

`

Та же ошибка происходит. Это похоже на то, что изменения не будут отправлены в приложение tns platform remove android, а затем tns platform add android, стиль не работает, снова та же ошибка.

Такое ощущение, что он не обновляется, но я не уверен. Помогите мне: D

Я пробовал Android 8: HTTP-трафик в незашифрованном виде c не разрешен

Мой пакет. json: `

   {
      "nativescript": {
        "id": "org.nativescript.frontendapp",
        "tns-ios": {
          "version": "6.4.0"
        },
        "tns-android": {
          "version": "6.4.1"
        }
      },
      "description": "NativeScript Application",
      "license": "SEE LICENSE IN <your-license-filename>",
      "repository": "<fill-your-repository-here>",
      "dependencies": {
        "@angular/animations": "~8.2.0",
        "@angular/common": "~8.2.0",
        "@angular/compiler": "~8.2.0",
        "@angular/core": "~8.2.0",
        "@angular/forms": "~8.2.0",
        "@angular/platform-browser": "~8.2.0",
        "@angular/platform-browser-dynamic": "~8.2.0",
        "@angular/router": "~8.2.0",
        "@nativescript/theme": "~2.3.0",
        "nativescript-angular": "~8.21.0",
        "nativescript-permissions": "^1.3.8",
        "reflect-metadata": "~0.1.12",
        "rxjs": "^6.4.0",
        "tns-core-modules": "~6.4.0",
        "zone.js": "~0.9.1"
      },
      "devDependencies": {
        "@angular/compiler-cli": "~8.2.0",
        "@ngtools/webpack": "~8.2.0",
        "nativescript-dev-webpack": "~1.5.0",
        "typescript": "~3.5.3"
      },
      "gitHead": "d8bdf0799a219051f28f8abd7c258d2bf2fce6e1",
      "readme": "NativeScript Application"
    }

`