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

"strictNullChecks": true sem JQuery (usando document.querySelector())

Boa tarde galera. Venho através deste compartilhar uma solução de um problema que obtive com o "strictNullChecks": true usando ES6 puro. Ao utilizar o document.querySelector() para buscar e atribuir o elemento em um atributo do tipo Element, recebi um erro dizendo que o retorno poderia ser Element ou Null. Nesse caso, fui obrigado a dizer para o document.querySelector() que quero o retorno definido como Element, então, inseri o seguinte código:

export abstract class View<T> {

    private _elementoCss: Element;
    private _desejaEscaparScripts: boolean;

    constructor(seletorCss: string,  desejaEscaparScripts: boolean = false) { 
     /** Definindo tipo de retorno de document.querySelector() como Element (para o atributo _elementoCss: Element) para  não receber valores nulos  ou indefinidos */
        this._elementoCss = (document.querySelector(seletorCss) as Element);
        this._desejaEscaparScripts = desejaEscaparScripts;
    }

    // restante do código da classe View omitido...
}

Espero ter ajudado :)

1 resposta
solução!

Pessoal, desculpe! Encontrei na aula seguinte a maneira mais correta de solucionar essa situação, usando um casting para o mesmo, como:

this._elementoCss = <Element> document.querySelector(seletorCss);

Tópico resolvido!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software