Skip to content

Fails with Angular 21 #287

@adventmedia

Description

@adventmedia

Upgraded to Angular 21.
App fails to compile: "Component imports must be standalone components, directives, pipes, or must be NgModules.”

@Component({
  selector: 'app-slide-sorter',
  templateUrl: './slide-sorter.component.html',
  styleUrls: ['./slide-sorter.component.scss'],
  standalone: true,
  imports: [NgClass, FaIconComponent, SortablejsModule],
})
export class SlideSorterComponent {...

HTML:

  @for (pic of albumPics(); track pic.id) {
    <div class="sort-pic" [ngClass]="selectPicID() === pic.id ? 'selected' : ''" (click)="picSelected(pic.id)">
      <img [src]="pic.url" />
      <fa-icon class="trash-icon" [icon]="'trash-alt'" size="2x" (click)="deleteSlide(pic.id)"></fa-icon>
    </div>
  }
</div>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions