Olá, Carolina, tudo bem?
Entendo que esteja enfrentando um problema com a exibição do Loading Spinner em sua aplicação Angular e que esteja recebendo a exceção mencionada. Vamos tentar entender o que pode estar acontecendo e como podemos resolver isso.
A exceção que está sendo lançada indica que a propriedade "icon" é obrigatória para os componentes "fa-icon" e "fa-duotone-icon" do pacote "angular-fontawesome". Isso significa que, em algum lugar do seu código, você está utilizando um desses componentes sem especificar qual ícone deve ser exibido.
Para resolver esse problema, você precisa verificar onde esses componentes estão sendo utilizados em sua aplicação e garantir que a propriedade "icon" esteja sendo definida corretamente. Por exemplo, se você estiver utilizando o componente "fa-icon" para exibir um ícone de carregamento, o código pode ser semelhante a este:
<fa-icon [icon]="['fas', 'spinner']"></fa-icon>
Nesse exemplo, estamos definindo a propriedade "icon" com o valor ["fas", "spinner"], que indica que queremos exibir o ícone de carregamento fornecido pelo pacote "Font Awesome", que está sendo usado em conjunto com o "angular-fontawesome".
É importante notar que a sintaxe utilizada para definir o valor da propriedade "icon" pode variar dependendo do pacote de ícones que você estiver utilizando. Verifique a documentação do pacote para obter mais informações sobre como utilizar seus ícones.
Além disso, certifique-se de que você está importando corretamente o pacote "angular-fontawesome" em seu código. Por exemplo, em seu módulo principal, você pode importá-lo da seguinte forma:
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
@NgModule({
imports: [FontAwesomeModule],
// ...
})
export class AppModule { }
Dessa forma, você garante que todos os componentes e serviços do "angular-fontawesome" estão disponíveis em sua aplicação.
Se mesmo assim o problema persistir, verifique se a versão do "angular-fontawesome" que você está usando é compatível com a versão do Angular que você está utilizando. Às vezes, pode haver problemas de compatibilidade entre diferentes versões de pacotes, o que pode levar a erros como o que você está enfrentando.
Espero que essas dicas possam ajudá-lo a resolver o problema que está enfrentando e a exibir corretamente o Loading Spinner em sua aplicação Angular. Se precisar de mais ajuda, não hesite em postar suas dúvidas na plataforma do curso ou procurar ajuda em comunidades online dedicadas ao desenvolvimento com Angular.
Espero que tenha te ajudado.
Um abraço e bons estudos.
