본문 바로가기

PROGRAMMING/TYPESCRIPT(Angular,Ionic)

[Ionic4, Angular] 기존 프로젝트에 component 추가하기

  • 새 컴포넌트를 추가 해야 할 때
  • 현재 환경 : Windows 10 / Ionic 4 / Angular(typescript)

  기본 component 추가 명령


../project_dir> ng generate component 컴포넌트이름


  • 발견 가능한 오류



More than one module matches. Use skip-import option to skip importing the component into the closest module.



  app.module.ts에 component 자동 추가(import)


../project_dir> ng generate component 컴포넌트이름 --module=app.module

    • app.module.ts 의 @NgModule에 import, declaration 안해줘도 되게 알아서 다 해줌



  import 없이 component만 생성


../project_dir> ng generate component 컴포넌트이름 --skip-import





  추가한 component 삭제하기


1. 추가한 component 폴더를 프로젝트에서 삭제한다.

2. 자동추가(import) 설치를 했다면 app.module.ts의 import부분과 추가한 컴포넌트이름으로 declaration 작성된 부분을 삭제한다.

'PROGRAMMING > TYPESCRIPT(Angular,Ionic)' 카테고리의 다른 글

임시 Object에 기존 Object 복사하기  (0) 2019.11.24