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

Dando erro em 2.4k (gzipped: 1.2k)

Essa parte final do import do icon está dando erro no final do import, mas na aula o código do professor funciona bem.

A linha do import: import {AiFillCloseCircle} from 'react-icons/ai'; 2.4k (gzipped: 1.2k)

Esses foram os seguintes erros:

  • An identifier or keyword cannot immediately follow a numeric literal.
  • ',' expected.
  • An identifier or keyword cannot immediately follow a numeric literal.
3 respostas

Olá Catharina, tudo bem?

O erro que você mencionou parece estar relacionado a algum problema com a sintaxe do código.

Uma possível solução para esse problema seria verificar se você está utilizando a versão mais recente do React-icons. Caso contrário, tente atualizá-lo e veja se o erro persiste.

Outra possibilidade é verificar se a importação do ícone está sendo feita corretamente. Verifique se você está importando o ícone correto e se a sintaxe do import está correta.

Caso essas soluções não funcionem, pode ser necessário verificar outras partes do seu código para encontrar o problema.

Espero ter ajudado e bons estudos!

Então eu descobri o motivo, é que a sintaxe do import não precisa usar o 2.4k (gzipped: 1.2k), como o professor utilizou na aula.

E pensando nisso gostaria de saber por que foi usado? Não lembro de ter sido explicado no vídeo.

solução!

Ah sim entendi..

Então essa informação "2.4k (gzipped: 1.2k)" é um tamanho de arquivo aproximado que indica o tamanho do pacote React Icons que está sendo importado, tanto no formato normal quanto comprimido (gzipped).

Algumas pessoas incluem essa informação do tamanho do arquivo nos seus imports para ter uma ideia do impacto que esse arquivo terá no tempo de carregamento da página. Isso pode ser especialmente importante em projetos grandes ou em que a otimização de desempenho é crítica.

Por outro lado, outras pessoas podem não incluir essa informação porque acham que não é relevante para seu projeto, ou porque preferem obter essa informação por meio de outras ferramentas de análise de desempenho. Além disso, adicionar esse comentário pode adicionar um pouco de complexidade ao código, o que algumas pessoas preferem evitar.

Em geral, incluir ou não essa informação no import é uma questão de preferência pessoal e depende das necessidades específicas do projeto em questão.