[angular-cli] CLI를 사용하여 Angular 4에서 새 구성 요소를 만드는 방법

Program / 글쓴이

각도 2에서 나는 사용

ng g c componentname

하지만 Angular 4에서는 지원하지 않기 때문에 수동으로 생성했는데 모듈이 아니라는 오류가 표시됩니다.

답변

개발 서버를 통해 Angular 프로젝트 생성 및 제공-

먼저 프로젝트 디렉토리로 이동하여 아래를 입력하십시오.

ng new my-app
cd my-app
ng g component User
ng serve

여기서“ D : \ Angular \ my-app> ”은 내 Angular 애플리케이션 프로젝트 디렉터리이고“ 사용자 ”는 구성 요소의 이름입니다.

커먼즈는 다음과 같습니다.

D:\Angular\my-app>ng g component User
  create src/app/user/user.component.html (23 bytes)
  create src/app/user/user.component.spec.ts (614 bytes)
  create src/app/user/user.component.ts (261 bytes)
  create src/app/user/user.component.css (0 bytes)
  update src/app/app.module.ts (586 bytes)

답변

Angular4에서는 동일하게 작동합니다. 오류가 발생하면 문제가 다른 곳에 있다고 생각합니다.

명령 프롬프트 유형에서

구성 요소 YOURCOMPONENTNAME 생성

이것에 대한 약어도 있습니다 : 명령 generate은 다음 g과 component같이 사용할 수 있습니다 c.

ng gc YOURCOMPONENTNAME

당신이 사용할 수있는 ng --help, ng g --help또는 ng g c --help워드 프로세서합니다.

물론 YOURCOMPONENTNAME의 이름을 사용하려는 이름으로 바꿉니다.

문서 : angular-cli는 app.module.ts에서 구성 요소, 지시문 및 파이프에 대한 참조를 자동으로 추가합니다.

업데이트 : 이것은 Angular 버전 8에서 여전히 작동합니다.

답변

1) 먼저 프로젝트 디렉토리로 이동하십시오.

2) 그런 다음 터미널에서 아래 명령을 실행하십시오.

ng generate component componentname

또는

ng g component componentname

3) 그 후 다음과 같은 출력이 표시됩니다.

create src/app/test/componentname.component.css (0 bytes)
create src/app/test/componentname.component.html (23 bytes)
create src/app/test/componentname.component.spec.ts (614 bytes)
create src/app/test/componentname.component.ts (261 bytes)
update src/app/app.module.ts (1087 bytes)

답변

.spec파일 없이 새 컴포넌트를 생성 하려면 다음을 사용할 수 있습니다.

ng g c component-name --spec false

이러한 옵션은 다음을 사용하여 찾을 수 있습니다. ng g c --help

답변

ng g component componentname

컴포넌트를 생성하고 모듈 선언에 컴포넌트를 추가합니다.

수동으로 컴포넌트를 생성 할 때 다음과 같이 모듈 선언에 컴포넌트를 추가해야합니다.

@NgModule({
  imports: [
    yourCommaSeparatedModules
    ],
  declarations: [
    yourCommaSeparatedComponents
  ]
})
export class yourModule { }

답변

CMD 라인의 프로젝트 디렉토리에 있는지 확인하십시오.

    ng g component componentName

답변

특정 폴더에 컴포넌트 생성

ng g c employee/create-employee --skipTests=false --flat=true

이 줄은 폴더 이름 ’employee’를 만들고 그 아래에 ‘create-employee’구성 요소를 만듭니다.

폴더를 만들지 않고

ng g c create-employee --skipTests=false --flat=true