Stand-Alone 컴포넌트에서 발생하는 NG8001 오류 수정하기

앵귤러 아이오닉으로 article-detail하고 articles-list를 articles-routing.module.ts 파일에 주입시켜주려고 한다.

이 과정에서 articles.module.ts 파일에서 계속해서 에러가 떴다.

 

 

 

 그래서 이유에 대해서 알아보니

standalone 속성의 default 값이 true였기 때문이었다.

 

 

 

여기서 standalone 이란

standalone 컴포넌트는 특정 모듈에 의존하지 않고 단독으로 사용할 수 있는 컴포넌트를 의미한다. 전통적인 Angular에서 컴포넌트는 보통 NgModule에 속해 동작한다. 그리고 standalone 컴포넌트는 다음과 같은 장점이 있다.

 

1. 간소화된 구조: 각 컴포넌트가 독립적으로 정의되어, 모듈을 설정할 필요 없이 즉시 사용할 수 있습니다.
2. 재사용성: 스탠드얼론 컴포넌트는 다른 컴포넌트나 애플리케이션에서 쉽게 재사용될 수 있습니다.
3. 의존성 관리: 필요한 모듈을 컴포넌트 내에서 직접 import함으로써, 모듈 간의 의존성 문제를 줄일 수 있습니다.

 

결론적으로 나는 article-detail 과 articles-list를 독립적으로 사용하지 않고 주입시킬 것이기 때문에

컴포넌트 속성 값에

@Component({
	standalone: false
})

 

이것을 추가하면 문제가 해결된다.