ion-anzeigen ist nicht ein element bekannt

folgende ist meine Inhalte für Ionische Seite:

    <ion-content padding class = ""view-content">
    <form>
        [form content here...]
    </form>
    </ion-content>

meine css-Datei:

.view-content {
    background: url("background.jpg");

aber es funktioniert nicht und ich bekomme die folgende Fehlermeldung:

Unhandled Promise rejection: Template parse errors:
'ion-view' is not a known element:
1. If 'ion-view' is an Angular component, then verify that it is part of this module.
2. If 'ion-view' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("
[ERROR ->]<ion-view view-title="My Page">
<ion-content>
 Hello!
")

kann jeder sagen Sie mir, was mache ich hier falsch, oder wie man dieses Problem lösen.
Ich bin neu ionic-framework, infact, die neu in web-Entwicklung.

  • sind Sie mit ionic-1 oder ionisch 2?
  • Bitte teilen Sie Ihre Komponente code.
  • ion-anzeigen ist eine Komponente in Ionischer 1 und nicht in Ionischer 2.
  • ich bin mit ionic-2. gibt es eine Möglichkeit durch, die ich benutzen kann, es in Ionischer 2. ich möchte es, um den hintergrund als Bild
  • ja..nur hintergrund Bild für die Ionen-Inhalte?
  • hintergrund als ein Bild für die komplette Seite. Wie kann ich das tun?
  • auch stellen Sie sicher, Sie geben den Pfad
  • versucht das auch. funktioniert auch nicht

InformationsquelleAutor manish kumar | 2017-01-05
  1. 3

    ion-view ist eine gültige Komponente in Ionischen version 1 und nicht version 2.

    Werden, um Bild-hintergrund, können Sie eine css-Klasse und legen Sie die 'hintergrund' - Attribut 

    <ion-content class="view-class">
 Hello!
</ion-content>

    In Ihre entsprechende scss

    .view-class {
   background: url("path_to_image")
}

    EDIT: Beispiel plunker

    • dies mache ich seit gestern, aber es funktioniert nicht
    • ich bin in der Lage, um den hintergrund Farbe aber kein Bild.
    • können Sie fügen Sie Ihren code in Frage zu stellen?
    • seine Arbeit in der plunker.. geben Sie den relativen Pfad zu deinem Bild.. es sollte funktionieren
    • mein Bild ist im gleichen Ordner wie meine anderen scss-und html-Dateien. Pfad korrekt ist.
    • Ihre Bilder sollten sich im Ordner "assets"...
    • seine für Testzwecke nur...also, ich kann es an die Arbeit....ich glaube nicht, dass der Pfad ist ein Problem
    • im Gegenteil.. ionic bauen und verschieben Sie Sie entsprechend der www-Ordner aus assets.. es wird sich nicht bewegen Bilder von SRK..
    • forum.ionicframework.com/t/where-should-i-put-images/41463/25
    • vielen Dank der Letzte link hat geklappt 🙂

    InformationsquelleAutor Suraj Rao
  2. 1

    ich weiß nicht viel über Ionische scheint aber Fehler in Modul

    <ion-view view-title="My Page">
    <ion-content>
      Hello!
    </ion-content>
  </ion-view>

    laut Fehlermeldung, wenn Sie mithilfe ion-view oder einer Komponente in Ihrer Anwendung, als Sie müssen hinzufügen, dass die Komponente in das Haupt-Modul.

    wie in angular2 wir Taten das gleiche in app.module.ts Datei, wo wir sagen, die Winkel, welche Komponenten sind, die wir gehen, um die Belastung auf das laden der app.

    wie diese

    @NgModule({
  declarations: [
    here component list, directives and pipes
  ],
  imports: [
    ion-view, etc.....
  ],
  providers: [CanActivateViaAuthGuard, GlobalService],
  bootstrap: [AppComponent]
})
export class AppModule { }
    • <ion-view - > ist eine Richtlinie aus dem Ionic Framework, Sie sind Antwort ist falsch.
    • okay, so können Sie Ihre Richtlinien in der decalration Teil. ist es richtig ?
    InformationsquelleAutor Pardeep Jain
  3. 0

    Ionen-anzeigen ist nicht ein element wie er sagt. Entfernen
    und die Schließung

    • so eine Idee darüber, wie Sie einen hintergrund als ein Bild für eine Seite in ionic 2?
    InformationsquelleAutor Chirdeep Tomar
  4. 0

    Von den blicken von ihm, ich denke, die Seite oder die Komponente, die Sie erstellt haben, ist in einem separaten Modul. Bitte fügen Sie die IonicModule importieren, um das Modul und importieren Sie das Modul in-app-Modul.

    import { NgModule } from "@angular/core";
import { ItemsComponent } from "./items/items";
import { ItemComponent } from "./item/item";
import { IonicModule } from "ionic-angular";

@NgModule({
  declarations: [ItemsComponent, ItemComponent],
  imports: [IonicModule],
  exports: [ItemsComponent, ItemComponent]
})
export class ComponentsModule {}
    InformationsquelleAutor k harish
Schreibe einen Kommentar