IOS App won't run

ios

#1

Is it really a problem?
yes, neither stackoverflow questions nor the github repository opened issues helped me

Which platform(s) does your issue occur on?
IOS

Please provide the following version numbers that your issue occurs with:

  • CLI: 3.2.1
  • Cross-platform modules:
 "tns-core-modules": "^3.2.0",
 "nativescript-angular": "^4.2.0"
  • Runtime(s):
 "tns-android": "3.2.0"
 "tns-ios": "3.2.0"
  • Plugin(s):
 "nativescript-ngx-fonticon": "^2.2.3"
 "nativescript-pro-ui": "^3.1.4"

Please describe your issue in as much detail as possible.
I have a completely running app on android , lately i’ve tried running it on ios , it successfully builds and installs on the ios device but freezes on the splash screen and emits this error :

file:///app/tns_modules/nativescript-angular/zone-js/dist/zone-nativescript.js:993:38: JS ERROR Error: Invalid provider - only instances of Provider and Type are allowed, got: [object Object]

I searched too much for this error , many different problems can cause it , i have ensured all my injected services are provided at the module level , and all the instances in the providers array are actually providers. The annoying thing about the error is that it is only happening on ios,so any help would be appreciated.
Note: using macOS Sierra , version 10.12.5
Running tns doctor on the mac machine only emits errors about libraries missing related to android.The Groceries sample app of the docs worked fine on the same machine.

Is there code involved? If so, please share the minimal amount of code needed to recreate the problem.

here is my app.module.ts

import { NgModule, NgModuleFactoryLoader, NO_ERRORS_SCHEMA } from "@angular/core";
import { RouteReuseStrategy } from "@angular/router";
import { CustomReuseStrategy } from './shared/router/custom-reuse-strategy';

import { NativeScriptModule } from "nativescript-angular/nativescript.module";
import { NSModuleFactoryLoader } from "nativescript-angular/router";
import { NativeScriptHttpModule } from "nativescript-angular/http";
import { TNSFontIconModule, TNSFontIconService } from 'nativescript-ngx-fonticon';

import { SharedModule } from './pages/shared/shared.module';
import { AppRoutingModule } from "./app-routing.module";
import { AppComponent } from "./app.component";

@NgModule({
    bootstrap: [
        AppComponent
    ],
    imports: [
        NativeScriptModule,
        NativeScriptHttpModule,
        TNSFontIconModule.forRoot({
            'fa': './fonts/font-awesome.css'
        }),
        SharedModule,
        AppRoutingModule
    ],
    declarations: [
        AppComponent
    ],
    providers: [
        { provide: NgModuleFactoryLoader, useClass: NSModuleFactoryLoader },
        { provide: RouteReuseStrategy , useClass: CustomReuseStrategy }
    ],
    schemas: [
        NO_ERRORS_SCHEMA
    ]
})
export class AppModule { }