‘object’ is possibly ‘null’の対処法

TypeScriptで ‘○○’ is possibly ‘null’ というエラーが出たので、一時的な対処法かもしれませんが、ご参考までに。

buttonのところで ‘button’ is possibly ‘null’ とエラーが出ています。

buttonがnullかもしれないですとよというエラーみたいです。

解決した方法

１行目に「！（nullではないですよ）」を追加する

const button = document.querySelector('button');
button.addEventListener('click', function() {
});

　　　　　　　　　↓

const button = document.querySelector('button')!;
button.addEventListener('click', function() {
});

？を追加すればbuttonがnullの場合、それ以降の処理は実行されなくなります。

const button = document.querySelector('button');
button.addEventListener('click', function() {
});

　　　　　　　　↓

const button = document.querySelector('button');
button?.addEventListener('click', function() {
});

const button = document.querySelector('button');

if(button){
  button.addEventListener('click', function() {
  });
}

今回は’object’ is possibly ‘null’の対処法について書かせていただきました。ひとつの参考例としていただければと思います。