イオン-viewが知られている要素

Question

次は、イオンのページのための私のコンテンツではない

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

が、それは動作していないと私は次のエラーを取得しています：

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! 
") 

ここで間違っていることや解決方法を教えてください。 私はionicフレームワークを新しくしました。

Answer 1

イオンビューのような

は、有効なイオンバージョン1内のコンポーネントとバージョンでは使用できません2.

あなたは「CSSクラスを設定し、設定することができ、画像の背景を設定するためにあなたの対応SCSSでは背景」属性

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

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

EDIT：その様子からsample plunker

Answer 2

イオンビューはそう言わない要素です。 を削除し、私はイオン性について多くを知らないが、あなたはあなたがそのコンポーネントを追加する必要がありますよりも、ion-viewたり、アプリ内のすべてのコンポーネントを、使用している場合は、エラーがエラーに応じてモジュールに

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

ようです終値

Answer 3

メインモジュール。

angle2のように私たちはapp.module.tsファイルで同じことをしましたが、アプリケーションの負荷にどのコンポーネントがロードされるのかを教えてください。この

@NgModule({ 
    declarations: [ 
    here component list, directives and pipes 
    ], 
    imports: [ 
    ion-view, etc..... 
    ], 
    providers: [CanActivateViaAuthGuard, GlobalService], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

Answer 4

、私はあなたが作成したページまたはコンポーネントは、独立したモジュールであると思います。そのモジュールにIonicModuleのインポートを追加して、そのモジュールをappモジュールにインポートしてください。

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 {}