Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Error: src/app/components/item/item.component.html:8:33 - error TS2322: Type 'IconDefinition' is not assignable to type 'IconProp'.

Fiz todo o passo a passo da aula preparando o ambiente, mas deu esse erro:

Error: src/app/components/item/item.component.html:8:33 - error TS2322: Type 'IconDefinition' is not assignable to type 'IconProp'. Type 'IconDefinition' is not assignable to type 'IconLookup'. Types of property 'iconName' are incompatible. Type 'import("C:/Users/Jose Rurze/Downloads/life-cycle-projeto-inicial (1)/life-cycle-projeto-inicial/node_modules/@fortawesome/fontawesome-common-types/index").IconName' is not assignable to type 'import("C:/Users/Jose Rurze/Downloads/life-cycle-projeto-inicial (1)/life-cycle-projeto-inicial/node_modules/@fortawesome/fontawesome-svg-core/node_modules/@fortawesome/fontawesome-common-types/index").IconName'. Type '"wifi2"' is not assignable to type 'IconName'. Did you mean '"wifi"'?

8 <fa-icon class="delete-icon" [icon]="faTrash" > ~~~~

src/app/components/item/item.component.ts:6:16 6 templateUrl: './item.component.html', ~~~~~~~~~~~~~~~~~~~~~~~ Error occurs in the template of component ItemComponent.

Error: src/app/components/item/item.component.html:9:31 - error TS2322: Type 'IconDefinition' is not assignable to type 'IconProp'.

9 <fa-icon class="edit-icon" [icon]="faPen" > ~~~~

src/app/components/item/item.component.ts:6:16 6 templateUrl: './item.component.html', ~~~~~~~~~~~~~~~~~~~~~~~ Error occurs in the template of component ItemComponent.

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **

× Failed to compile.

2 respostas
solução!

Olá, Jose, tudo bem?

O erro ocorre devido a uma incompatibilidade entre as versões do @fortawesome/angular-fontawesome e do Angular utilizado no seu projeto. Para resolver, você precisa instalar versões que sejam compatíveis com o Angular 15.

Execute o seguinte comando no terminal:

npm install @fortawesome/fontawesome-svg-core@6.4.0 @fortawesome/free-solid-svg-icons@6.4.0 @fortawesome/angular-fontawesome@0.12.1

Isso instalará a versão adequada do @fortawesome/angular-fontawesome para sua versão do Angular. Após a instalação, tente rodar o projeto novamente.

Se houver mais dúvidas ou qualquer outro problema, o fórum está à disposição para ajudar!

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado

Mike de Sousa, muito obrigado! Funcionou imediatamente, valeu amigo!!!