Argument of type '{ declara tions: (typeof | typeof | typeof e | type...' is not assignable to parameter of type 'NgModule'

@anton_klochko wrote:

Hi all !

Could anyone suggest please, what I did wrong when I am trying to migrate from Ionic 3 to Ionic 4. I have error TS2345 when build application.

ERROR in src/app/app.module.ts(171,3): error TS2345: Argument of type ‘{ declara
tions: (typeof ContentPage | typeof ClipboardModalWindow | typeof ModelSearchPag
e | type…’ is not assignable to parameter of type ‘NgModule’.
Object literal may only specify known properties, and ‘services’ does not exis
t in type ‘NgModule’.

My app.module.ts.

import { NgModule } from ‘@angular/core’;
import { BrowserModule } from ‘@angular/platform-browser’;
import { RouterModule, RouteReuseStrategy, Routes } from ‘@angular/router’;

import { IonicModule, IonicRouteStrategy } from ‘@ionic/angular’;
import { SplashScreen } from ‘@ionic-native/splash-screen/ngx’;
import { StatusBar } from ‘@ionic-native/status-bar/ngx’;

import { AppComponent } from ‘./app.component’;
import { AppRoutingModule } from ‘./app-routing.module’;

//import { NgModule } from ‘@angular/core’;
//import {IonicApp, IonicModule, Nav} from ‘ionic-angular’;
//import { MyApp } from ‘./app.component’;

import { ModelItemPage } from ‘./pages/ModelItemPage/ModelItemPage’;
import {ModelContentProvider} from “./services/ModelContentProvider”;
import {ContentPage} from “./pages/ContentPage/ContentPage”;
import {PartsPage} from “./pages/PartsPage/PartsPage”;
import {SchematicNotesPage} from “./pages/ChematicNotesPage/SchematicNotesPage”;
import {LoginPage} from “./pages/loginPage/loginPage”;
import {GreetingPage} from “./pages/greeting/greeting”;
import {ProductsPage} from “./pages/products/products”;
import {ModelsPage} from “./pages/models/models”;
import {AccountPage} from “./pages/account/account”;
import {SettingsPage} from “./pages/settings/settings”;
import {DeactivateDevicePage} from “./pages/deactivate-device/deactivate-device”;
import {LoginProvider} from “./services/loginProvider”;
import {UserService} from “./services/user-service”;
import {Sql} from “./services/Sql”;
import { SQLite} from ‘@ionic-native/sqlite’;
import {SubscriptionsService} from “./services/subscriptions-service”;
import {ModelsService} from “./services/models-service”;

//import {SwipeVertical} from ‘…/directives/swipe-vertical.directive’;

import {SettingsProvider} from “./services/SettingsProvider”;
import {HelpPage} from “./pages/help/help”;
import {ModelSearchPage} from “./pages/ModelSearchPage/ModelSearchPage”;
import {UpdateNewProvider} from “./services/UpdateNewProvider”;
import {LogProvider} from “./services/LogProvider”;

import {LogPagePage } from “./pages/log-page/log-page”;
import {AboutPage} from “./pages/about/about”;
//import { BrowserModule } from ‘@angular/platform-browser’;
import { HttpModule } from ‘@angular/http’;
import {InAppBrowser} from ‘@ionic-native/in-app-browser’;

import {EmptySubscriptions} from “./pages/empty-subscriptions/empty-subscriptions”

//import { CloudSettings, CloudModule } from ‘@ionic/cloud-angular’;

import { Keyboard } from ‘@ionic-native/keyboard’;
import {BackgroundMode} from ‘@ionic-native/background-mode’;
import { AppVersion } from ‘@ionic-native/app-version’;
import { Device } from ‘@ionic-native/device’;
import { File } from ‘@ionic-native/file’;
import { FileOpener } from ‘@ionic-native/file-opener’;
import { LocalNotifications } from ‘@ionic-native/local-notifications’;
import { Network } from ‘@ionic-native/network’;
//import { PowerManagement } from ‘@ionic-native/power-management’;
import { Zip } from ‘@ionic-native/zip’;

//import { Transfer } from ‘@ionic-native/transfer’;

import { FileTransfer, FileUploadOptions, FileTransferObject } from ‘@ionic-native/file-transfer’;

//import { SplashScreen } from ‘@ionic-native/splash-screen’;

import { Vibration } from ‘@ionic-native/vibration’;
import {Md5} from ‘ts-md5/dist/md5’;

import {WorkOrderPage} from “./pages/WorkOrderPage/WorkOrderPage”;
import {WorkOrderProvider} from “./services/WorkOrderProvider”;
import {ModalPartsWindow} from “./pages/PartsPage/PartsModalWindow”;
import {AppProvider} from “./services/AppProvider”;

import {SubscriptionButtonProvider} from “./services/SubscriptionButtonProvider”;
import {SubscriptionButtonsPage} from “./pages/SubscriptionButtonsPage/SubscriptionButtonsPage”;

import {AddMediaProvider} from “./services/AddMediaProvider”;
import {Clipboard} from ‘@ionic-native/clipboard’;
import { NativeStorage } from ‘@ionic-native/native-storage’;

import {PricePage} from “./pages/pricePage/PricePage”;

import {ShoppingCartPage} from “./pages/ShoppingCartPage/ShoppingCartPage”;
import {ShoppingCartProvider} from “./services/ShoppingCartProvider”;

import {SnResult} from “./pages/sn-result/sn-result”;

import {ModalPriceWindow} from “./pages/pricePage/PriceModalWindow”;
import {NotesModalWindow} from “./pages/PartsPage/NotesModalWindow”;

//import {ZoomPanDirective} from ‘…/directives/ZoomPanDirective’;

import {PartNotesPage} from “./pages/part-notes-page/part-notes-page”;

import {QuantityOrderModalWindow} from “./pages/WorkOrderPage/QuantityOrderModalWindow”;
import {QuantitySCModalWindow} from “./pages/ShoppingCartPage/QuantitySCModalWindow”;
import {ClipboardModalWindow} from “./pages/ClipboardModalWindow/ClipboardModalWindow”;
import {ClipboardProvider} from “./services/ClipboardProvider”;
import {HttpClient, HttpClientModule, HttpHandler} from “@angular/common/http”;

import {UpdateInformationPage} from “./pages/update-information/update-information”;

import {UpdateFooterComponent} from “./components/UpdateFooterComponent”;

import {DownloadsProvider} from “./services/DownloadsProvider”;
import {Printer} from “@ionic-native/printer”;
import {AndroidPermissions} from “@ionic-native/android-permissions”;
import {Diagnostic} from “@ionic-native/diagnostic”;

import {SchematicPageComponent} from “./components/SchematicPageComponent/SchematicPageComponent”;
import {HotSpotDotComponent} from “./components/HotSpotDotComponent/HotSpotDotComponent”;
import {ModelTreeComponent} from “./components/ModelTreeComponent/ModelTreeComponent”;
import {PartsPageComponent} from “./components/PartsPageComponent/PartsPageComponent”;
import {SchematicAndPartPage} from “./pages/schematic-and-part/schematic-and-part”;

@NgModule({
declarations: [

AppComponent,
//MyApp,
ModelItemPage,
ModelSearchPage,
ContentPage,
PartsPage,
PricePage,
SchematicNotesPage,
AccountPage,
SettingsPage,
LoginPage,
GreetingPage,
ProductsPage,
ModelsPage,
HelpPage,
DeactivateDevicePage,
//SwipeVertical,
LogPagePage,
AboutPage,
EmptySubscriptions,
WorkOrderPage,
ModalPartsWindow,
SubscriptionButtonsPage,
SnResult,
ShoppingCartPage,
SnResult,
ModalPriceWindow,
//ZoomPanDirective,
NotesModalWindow,
PartNotesPage,
QuantityOrderModalWindow,
QuantitySCModalWindow,
ClipboardModalWindow,
UpdateInformationPage,
UpdateFooterComponent,
SchematicPageComponent,
HotSpotDotComponent,
ModelTreeComponent,
PartsPageComponent,
SchematicAndPartPage
],
entryComponents: [

AppComponent,
ModelItemPage,
ModelSearchPage,
ContentPage,
PartsPage,
PricePage,
SchematicNotesPage,
AccountPage,
SettingsPage,
HelpPage,
LoginPage,
GreetingPage,
ProductsPage,
DeactivateDevicePage,
ModelsPage,
LogPagePage,
AboutPage,
EmptySubscriptions,
WorkOrderPage,
ModalPartsWindow,
SubscriptionButtonsPage,
SnResult,
ShoppingCartPage,
SnResult,
ModalPriceWindow,
NotesModalWindow,
PartNotesPage,
QuantityOrderModalWindow,
QuantitySCModalWindow,
ClipboardModalWindow,
UpdateInformationPage,
SchematicPageComponent,
HotSpotDotComponent,
ModelTreeComponent,
PartsPageComponent,
SchematicAndPartPage
],

imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule],
services: [

StatusBar,
SplashScreen,
ModelContentProvider,
LoginProvider,
UserService,
ModelsService,
Sql,
SQLite,
SubscriptionsService,
UpdateNewProvider,
SettingsProvider,
LogProvider,
Md5,
BackgroundMode,
Keyboard,
AppVersion,
Device,
File,
FileOpener,
LocalNotifications,
Network,
//PowerManagement,
Zip,
FileTransfer,
Vibration,
Clipboard,
NativeStorage,
WorkOrderProvider,
AppProvider,
SubscriptionButtonProvider,
InAppBrowser,
AddMediaProvider,
ShoppingCartProvider,
ClipboardProvider,
HttpClient,
DownloadsProvider,
Printer,
AndroidPermissions,
Diagnostic,

{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
],

bootstrap: [AppComponent]

})
export class AppModule {}

Posts: 1

Participants: 1

Read full topic