[angular] 각도 2 ‘구성 요소’는 알려진 요소가 아닙니다.

다른 모듈의 AppModule 내부에서 만든 구성 요소를 사용하려고합니다. 그래도 다음과 같은 오류가 발생합니다.

“미 발견 (약속) : 오류 : 템플릿 구문 분석 오류 :

‘contacts-box’는 알려진 요소가 아닙니다.

1. ‘contacts-box’가 각도 컴포넌트 인 경우이 모듈의 일부인지 확인하십시오.
2. ‘contacts-box’가 웹 구성 요소 인 경우이 메시지를 표시하지 않으려면이 구성 요소의 ‘@ NgModule.schemas’에 ‘CUSTOM_ELEMENTS_SCHEMA’를 추가하십시오.

내 프로젝트 구조는 매우 간단합니다.

페이지를 페이지 디렉토리에 유지합니다. 여기서 각 페이지는 다른 모듈 (예 : 고객 모듈)로 유지되고 각 모듈에는 여러 구성 요소 (고객 목록 구성 요소, 고객 추가 구성 요소 등)가 있습니다. 해당 구성 요소 내에서 ContactBoxComponent를 사용하고 싶습니다 (예 : 고객 추가 구성 요소 내부).

보시다시피 widgets 디렉토리 안에 연락처 상자 구성 요소를 만들었으므로 기본적으로 AppModule 안에 있습니다. ContactBoxComponent 가져 오기를 app.module.ts에 추가하고 AppModule의 선언 목록에 넣었습니다. 작동하지 않아서 문제를 봤고 ContactBoxComponent를 추가하여 목록을 내보냈습니다. 도움이되지 않았습니다. 또한 ContactBoxComponent를 CustomersAddComponent에 넣고 다른 모듈에서 다른 모듈에 넣으려고했지만 여러 선언이 있다는 오류가 발생했습니다.

내가 무엇을 놓치고 있습니까?

답변

describe('AppComponent', () => {
  beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [
        AppComponent,
        HeroesComponent
      ],
    }).compileComponents();
  }));

  it('should create the app', () => {
    const fixture = TestBed.createComponent(AppComponent);
    const app = fixture.debugElement.componentInstance;
    expect(app).toBeTruthy();
  });
}