NativeScript Angular ошибка HTTP-запроса Android 4,2

Question

Я создаю приложение на angular nativescript, я использую веб-службы, но когда я пытаюсь выполнить HTTP-запрос в Android 4, возникает эта ошибка. Но когда делаю на Android 9, ошибок нет и делает вставку. введите описание изображения здесь

app.module.ts

import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
import { NativeScriptModule, NativeScriptHttpClientModule, NativeScriptFormsModule } from "@nativescript/angular";
import { NgShadowModule } from 'nativescript-ng-shadow';
import { AppRoutingModule } from "./app-routing.module";
import { AppComponent } from "./app.component";
import { LoginComponent } from './components/login/login.component';
import { HeaderComponent } from './components/partials/header/header.component';
import { FooterComponent } from './components/partials/footer/footer.component';
import { IndexComponent } from './components/index/index.component';
import { RegistrarComponent } from './components/registrar/registrar.component';


@NgModule({
    bootstrap: [
        AppComponent
    ],
    imports: [
        NativeScriptModule,
        AppRoutingModule,
        NativeScriptHttpClientModule,
        NgShadowModule,
        NativeScriptFormsModule
    ],
    declarations: [
        AppComponent,
        LoginComponent,
        HeaderComponent,
        FooterComponent,
        IndexComponent,
        RegistrarComponent,
    ],
    providers: [],
    schemas: [
        NO_ERRORS_SCHEMA
    ]
})
/*
Pass your application module to the bootstrapModule function located in main.ts to start your app
*/
export class AppModule { }

service

post(url: string, body: Object): Observable<any> {
    return this.http.post(this.apiUrl() + url, JSON.stringify(body), { headers: this.getHeaders() })
        .pipe(catchError(function (error: any) {
            return throwError(error || 'Server error');
        }));
}

app.gradle

android {
  defaultConfig {
    minSdkVersion 17
    generatedDensities = []
    flavorDimensions "versionCode"
  }
  aaptOptions {
    additionalParameters "--no-version-vectors"
  }
}

Спасибо за ваше время

Answer 1

Попробуйте это: - Добавьте HttpClientModule в модуль приложения.

import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
import { NativeScriptModule, NativeScriptHttpClientModule, 
NativeScriptFormsModule } from "@nativescript/angular";
import { NgShadowModule } from "nativescript-ng-shadow";
import { AppRoutingModule } from "./app-routing.module";
import { AppComponent } from "./app.component";
import { LoginComponent } from './components/login/login.component';
import { HeaderComponent } from 
  './components/partials/header/header.component';
import { FooterComponent } from 
  './components/partials/footer/footer.component';
import { IndexComponent } from './components/index/index.component';
import { RegistrarComponent } from 
  './components/registrar/registrar.component';
import { HttpClientModule } from "@angular/common/http";

 @NgModule({
 bootstrap: [
    AppComponent
 ],
 imports: [
    NativeScriptModule,
    AppRoutingModule,
    NativeScriptHttpClientModule,
    NgShadowModule,
    HttpClientModule,
    NativeScriptFormsModule
 ],
 declarations: [
    AppComponent,
    LoginComponent,
    HeaderComponent,
    FooterComponent,
    IndexComponent,
    RegistrarComponent,
 ],
 providers: [],
 schemas: [
     NO_ERRORS_SCHEMA
 ]
})
/*
Pass your application module to the bootstrapModule function located in 
main.ts to start your app
*/
export class AppModule { }

и добавьте одну строку в AndroidManifest. xml Файл: -

<application
    android:usesCleartextTraffic="true">

Расположение файла: - App_Resource -> Android -> sr c -> main