Olá, estou tentando rodar minha aplicação mas recebe os seguintes erros:
Error: src/app/shared/components/like-widget/like-widget.component.ts:10:14 - error NG6002: Appears in the NgModule.imports of PhotoFrameModule, but could not be resolved to an NgModule class
src/app/shared/components/like-widget/photo-frame/photo-frame.module.ts:14:14 - error NG6002: Appears in the NgModule.imports of AppModule, but itself has errors
Meu componente likeWidgetComponet:
export class LikeWidgetComponent implements OnInit {
@Output() public liked = new EventEmitter<void>();
@Input() public likes = 0;
@Input() public id: string = null;
public fonts = { faThumbsUp };
constructor(private uniqueIdService: UniqueIdService) {}
public ngOnInit(): void {
if (!this.id) {
this.id = this.uniqueIdService.generateUniqueIdWithPrefix('like-widget');
}
}
public like(): void {
this.liked.emit();
}
}
Meu Módulo PhotoFrameModule:
import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { LikeWidgetComponent } from '../like-widget.component';
import { PhotoFrameComponent } from './photo-frame.component';
@NgModule({
declarations: [PhotoFrameComponent],
imports: [
CommonModule,
LikeWidgetComponent
],
exports: [PhotoFrameComponent]
})
export class PhotoFrameModule {
}
E também não sei porque no meu template as interpoloção ficam com cor normal de uma string. Por exeplo:
<div class="like-widget-container"
(click)="like()"
(keyup.enter)="like()">
<fa-icon
role="button"
tabindex="0"
[attr.aria-describedby]="id"
size="1x"
[icon]="fonts.faThumbsUp">
</fa-icon>
<span
[attr.id]="id"
[attr.aria-label]="likes + ': people liked'"
class="like-counter"
aria-live="true"
aria-atomic="true">
{{ likes }}
</span>
</div>
Nesse meu método like() deveria mudar de cor. Sabe porque isso acontece? Desde já, grato pela ajuda e se precisar mais alguma informação, me avise.