🏠 FabLab Startseite | Nutzungsbedingungen | Impressum | Wiki

Ionic @NgModule Error

Software- und Elektronikecke
#3

Gern hier

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy, RouterModule } 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 { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

import { HttpClientModule } from '@angular/common/http'; 
import { IonicStorageModule } from '@ionic/storage';

import { LocalNotifications } from '@ionic-native/local-notifications/ngx';

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [
    BrowserModule, 
    IonicStorageModule.forRoot(), 
    AppRoutingModule, 
    IonicModule.forRoot(), 
    HttpClientModule,
    LocalNotifications 
  ],
  providers: [
    StatusBar,
    SplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

So wie man hier sieht hab ich das plugin wie jedes andere auch als imports hinzugefügt

#4

Versuch mal das LocalNotifications unter providers zu importieren, nicht unter imports

#5

Immer noch gleicher Error

#6

Wie genau sieht jetzt deine app.component.ts aus? Und hast du auch das plugin via Kommandozeile installiert?

#7 
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy, RouterModule } 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 { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

import { HttpClientModule } from '@angular/common/http'; 
import { IonicStorageModule } from '@ionic/storage';

import { LocalNotifications } from '@ionic-native/local-notifications/ngx';

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [
    BrowserModule, 
    IonicStorageModule.forRoot(), 
    AppRoutingModule, 
    IonicModule.forRoot(), 
    HttpClientModule,
    LocalNotifications 
  ],
  providers: [
    StatusBar,
    SplashScreen,
    LocalNotifications,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

Ja ich habs via command line installiert

#8

Das ist doch nochmal die selbe oder nicht?
Du müsstest die LocalNotifications aus dem import-Array ins providers-Array verschieben

#9

wie genau soll ich einfach ein neues providers array aufmachen und dann da reinschreiben?

upsi falsches script

#10

Nein, einfach in das Bestehende übernehmen:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy, RouterModule } 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 { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

import { HttpClientModule } from '@angular/common/http'; 
import { IonicStorageModule } from '@ionic/storage';

import { LocalNotifications } from '@ionic-native/local-notifications/ngx';

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [
    BrowserModule, 
    IonicStorageModule.forRoot(), 
    AppRoutingModule, 
    IonicModule.forRoot(), 
    HttpClientModule
  ],
  providers: [
    StatusBar,
    SplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
    LocalNotifications 
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}
#11

jap immer noch gleicher error
Ich hab keine ahnung was ich machen soll
ich hab schon so gut wie alles probiert

Falls es hilft:

Tutorial zum Installieren: (click)
Tutorial für die Notification page: (click)

Beiden bin ich gefolgt

Ok kurzes update
habe gesehen das bei oben gennantem youtube tutorial (click) die app mit angular generiert wurde

das hab ich nicht so
vieleicht liegt es daran
kann man angular noch im nachhinein installieren?

#12

Ich würde die App mit ionic generieren, nicht mit Angular, du möchtest ja eine Ionic-App entwickeln

#13

Also wenn ich diesem Tutorial folge, funktioniert es bei mir. Kannst du das bestätigen?

#14

also die app ist schon mit ionic gemacht aber mit dem projekt type angular
ich probier gerade den auf ionic-angular zu stellen
steht alles in der ionic.config.json
aber sieht nicht so aus als ob es daran liegt

gibt es sonst noch was das ich ausprobieren kann?

weil wie gesagt ich hab bestimmt seit 1er woche nach einem zumindest „ähnlichen error“ gesucht und nichts gefunden das geklappt hat

und ich werd auch selber nicht schlau aus dem error
also ich weis schon das es vom app.module.ts kommt und was mit den NgModule imports zutuhn hat
aber ich komm echt net weiter

#15

Hast du es denn mal wie ich geschrieben hab mit meinem Tutorial in einem neuen Projekt ausprobiert?

#16

meinst du mit dem tutorial?

#17

Nein, das das ich oben verlinkt habe

#18

ich werde es mal ausprobieren

#19

So wie es aktuell aussieht (bin noch nicht ganz fertig mit compilen) geht es

Es könnte noch an etwas anderes legen

und zwar hab ich meine app nach diesen tutorial erstellt (click) und ich glaub im laufe dieses tutorials wurden paar sachen verändert

#20

Jap siehst so aus als würde das Tutorial funktionieren

#21

Ok wow problem gelöst

#22

Für alle die Zukünftig dieses Problem haben sollten:

Überprüft unbedingt das ihr das module auf gar keinen fall in eure imports in die app.module.ts reinhaut sondern NUR unter die providers