Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Projeto] Angular versão 13

Estou seguindo as aulas com o Angular na versáo 13 e não foi necessário utilizar observables no ngOnInit() para pegar a alteração de valor da rota. Quando tentei utilizar a solução proposta na aula, apareceu o seguinte erro no console:

ERROR TypeError: Cannot read properties of undefined (reading 'length')
    at PhotosComponent.groupColumns (photos.component.ts:33:40)

Gostaria de saber, se há alguma maneira de saber quando a equipe do Angular passou a resolver esse problema no próprio framework, por exemplo, na versão 10 ou 11.

Daria para saber o que foi mudado dessa versão que o professor está utilizando nas aulas, até a versão mais recente do Angular?

Obrigado!

1 resposta
solução!

Olá Luiz, tudo bem com você?

Peço desculpas pela demora em obter um retorno.

O erro mencionado no console ERROR TypeError: Cannot read properties of undefined (reading 'length') indica que você está tentando acessar uma propriedade chamada length em um objeto que é indefinido (undefined). Isso pode acontecer quando você está tentando acessar uma propriedade em um valor que não foi atribuído ou não existe.

Todavia, sem acesso ao código do seu projeto completo, é incerto dizer o local da mudança para solucionar o erro. Porém, uma possível solução é utilizar do operador de ponto de interrogação (?) que é conhecido como "operador de navegação segura" que é utilizado para proteger o código de acessar propriedades ou métodos em objetos que possam ser nulos ou indefinidos. Quando você utiliza o operador ?, está essencialmente fazendo uma verificação de nulidade antes de acessar uma propriedade ou método. Se o objeto for nulo ou indefinido, o operador retorna undefined e evita que ocorra um erro de leitura de propriedade em tempo de execução.

Exemplo em código:

let nome: string | undefined = null;
let tamanho = nome?.length;

Já para ver o que foi mudado em cada versão do Angular, podemos consultar o changelog oficial fornecido pela equipe do Angular. O changelog contém informações detalhadas sobre as alterações, correções de bugs, recursos adicionados e melhorias em cada versão do Angular. Você pode encontrar o changelog oficial na documentação do Angular no Github.

Espero ter ajudado. Continue mergulhando em conhecimento e não hesite em voltar ao fórum para continuar aprendendo e interagindo com a comunidade.

Em caso de dúvidas estou à disposição.

Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!