2016-10-06 14 views
2

ionic2でbeta11からrc0にしようとしています。コンポーネントファクトリが見つかりませんでした。ionic2でエラーが発生しました。rc0

7は、インポート

を説明しにカスタムコンポーネントや配管のそれぞれを追加ポイント当たりとしての私のページのいずれかがペグ私は私のカスタムタグと、ページを更新しようとしていたchangelogsなどのカスタムタグを持っています宣言はsrc/app/app.module.tsに配列されています。

私は私のcomponentTags.tsはSRCにファイルので、ここで私の@NgModel

@NgModule({ 
    declarations: [ 
    MyApp, 
    LoginPage, 
    HomePage, 
    AboutUsPage, 
    PrivacyPolicyPage, 
    TermsOfUsePage, 
    ProductSubCategoryPage, 
    CategoryProductDetailsPage, 
    CategoryProductDetailsInfoPage, 

    //custom tags 
    QuantityComponent 
    ], 
    imports: [ 
    IonicModule.forRoot(MyApp) 
    ], 
    bootstrap: [IonicApp], 
    entryComponents: [ 
    MyApp, 
    LoginPage, 
    HomePage, 
    AboutUsPage, 
    PrivacyPolicyPage, 
    TermsOfUsePage, 
    ProductSubCategoryPage, 
    CategoryProductDetailsPage, 
    CategoryProductDetailsInfoPage, 

    QuantityComponent 
    ], 
    //directives: [QuantityComponent], 
    providers: [ 
    Products, 
    Users, 
    Configurator, 
    Rest 
    ] 

を見てみましょう移動してきた私のカスタムコンポーネントファイルが呼ばれquantityTag.tsは

import {Component, Input, Output, EventEmitter} from '@angular/core'; 

@Component({ 
    selector: 'counter', 

    styles: [` 

     .quantity-input { 
      display:flex; align-items:center; 
     } 
     .quantity-input .input-width { 
      width:50px; 
      border: 1px solid #bdbdbd; 
      padding-top: 5px; 

     } 

     ion-icon{ 
      margin-left:0px; 
      height:20px; 
      padding-top: 3px; 
      margin-top: 5px; 
      color:#64c8dc; 

     } 
     button{ 
      background-color:SteelBlue; 
     margin-left: 0px; 
     } 
    `], 

    template: ` 
     <span class="quantity-input" style=""> 
      <input type="text" [(ngModel)]="counterValue" class="input-width"/> 
      <button small (click)="submit($event)"><ion-icon name="refresh"></ion-icon></button> 
     </span> 
    ` 
}) 

export class QuantityComponent { 

    @Input() counterValue = 0; 

    @Input() cookie = null; 

    @Output() counterChange = new EventEmitter(); 

    submit(evt){ 
     this.counterChange.emit({ 
      value: this.counterValue, 
      cookie: this.cookie 
     }); 
    } 



} 

をファイルI shopingcart.tsというページがあり、このカスタムタグが必要ですが、私は以下のようにエラーが発生します。

例外:./HomePageクラスのホームページでエラーが発生しました - インラインテンプレート:ShopingcartPage

元の例外が見つかりません部品工場:18:によって引き起こさ27 ShopingcartPage

答えて

16

があなたのページを追加してみ見つかりません部品工場@NgModulesで

app.module.ts:

import { NgModule } from '@angular/core'; 
import { IonicApp, IonicModule } from 'ionic-angular'; 
import { MyApp } from './app.component'; 
import { AboutPage } from '../pages/about/about'; 
import { ContactPage } from '../pages/contact/contact'; 
import { HomePage } from '../pages/home/home'; 
import { TabsPage } from '../pages/tabs/tabs'; 
import { LoginPage } from '../pages/loginpage/login-page' 

@NgModule({ 
    declarations: [ 
    MyApp, 
    AboutPage, 
    ContactPage, 
    HomePage, 
    TabsPage, 
    LoginPage 
    ], 
    imports: [ 
    IonicModule.forRoot(MyApp) 
    ], 
    bootstrap: [IonicApp], 
    entryComponents: [ 
    MyApp, 
    AboutPage, 
    ContactPage, 
    HomePage, 
    TabsPage, 
    LoginPage 
    ], 
    providers: [] 
}) 
export class AppModule {} 

https://github.com/angular/angular/issues/11030

関連する問題