FORCDK-STEPPER-002

[forty-cdk/stepper] FORCDK-STEPPER-002: {piece} must be used inside a [forStepperItem] element.

Cause

No FOR_STEPPER_ITEM_CONTEXT provider is visible from {piece}. Angular resolves a directive's dependencies at the template's declaration site rather than where it is stamped, so a piece declared in an ng-template outside the root resolves nothing even when it renders inside it.

Fix

Move {piece} inside a [forStepperItem] element, declaring any ng-template it lives in there too.

Where it comes from

projects/forty-cdk/stepper/src/stepper-context.ts:305

Read the stepper documentation

A value in braces is filled in when the message is reported, so the sentence in your console names the piece, input or value that failed.