Programming/Web

[Angular] If '<selector>' is an Angular component, then verify that it is part of this module

쌍쌍바나나 2018. 3. 18. 20:50
반응형

Angular에서 selector를 찾을 수 없다고 말할때 해결하는 방법

진짜 한시간동안 삽질을 한것 같다. Angular에서 모듈을 이해하는데 어려움이 있는것 같다.

If my-component is an Angular component, then verify that it is part of this module. If my-component is a Web Component then add CUSTOM_ELEMENTS_SCHEMA to the @NgModule.schemas of this component to suppress this message.

위 에러를 계속 보고 있는데, 너무 답답한게 Moudle에 이미 하위 Module을 추가했는데,
찾을 수 없다는 에러가 계속 나왔다. 이 문제는 몇단계의 Module을 import하게 되면 생기는 문제 같다.
[AppMoudle]에 새롭게 내가 생성한 [CustomMoudle]을 생성하고, CutomMoule에 새로운 Component를 생성해서
declarations를 했는데, 계속 undefined라고 나와서 정말 스트레스를 받았음,
결론부터 말하면, NgModule에서 사용하고자 하는 Module을 exports를 해야지 selector를 통해서 import가 가능하다.

ts @NgModule({ imports: [] exports: [HeaderComponent], declarations: [HeaderComponent] })

  • 참고
    • https://stackoverflow.com/questions/43937387/if-selector-is-an-angular-component-then-verify-that-it-is-part-of-this-mod?rq=1
반응형