이온 2/3 사용자 정의 구성 요소

Question

하나는 구성 요소를

ionic g component foobar 

을 생성하는 이온 CLI를 사용 그리고 오류

이 있습니다

<foobar></foobar> 

그 선택을 사용하려고하면

Error: Template parse errors: 'foobar' is not a known element:

이 코드는 변경되지 않습니다. 생성 된 .ts 파일에서

은 자세한 내용

/** 
* Generated class for the FoobarComponent component. 
* 
* See https://angular.io/docs/ts/latest/api/core/index/ComponentMetadata-class.html 
* for more info on Angular Components. 
*/ 

에 대한 제안 링크가있다 그러나 이것은 단지 404 페이지로 이동합니다.

알려진 문제 일 경우 누구나 알 수 있으며 해결 방법이있을 경우 알려주십시오.

Answer 1

나는 비슷한 문제가있어서 그것을 파악하는 데 많은 시간이 걸린다. CLI 도구를 사용하여 약간의 문제가있는 사용자 정의 구성 요소를 생성했습니다. 내 custom-component.module.ts에서 발전기

... 
import { IonicModule } from 'ionic-angular'; 
... 
imports: [ 
    IonicModule, 
    ], 
... 

수정 주요 문제에이 라인을 변경

... 
import { IonicPageModule } from 'ionic-angular'; 
... 
imports: [ 
    IonicPageModule.forChild(CustomComponent), 
    ], 
... 

을 추가했다. 페이지의 HTML에 <custom-component>을 사용하려면 custom-component.module을 사용하려는 페이지 모듈로 가져와야합니다. 예를 들어, 당신은 홈 페이지 편집 home-page.module.ts

... 
import { CustomComponentModule } from "../../components/custom-component/custom-component.module"; 
... 
imports: [ 
    CustomComponentModule, 
    IonicPageModule.forChild(JobsPage), 
    ], 
... 

에 구성 요소를 사용하고 싶었 그리고 나를 위해 작동하는 것 같다 경우!