ts-Type 'xxx | null' n'est pas attribuable au type 'xxx'. Le type « null » n'est pas aussi attribuable au type « xxx »

Tapez « HTMLButtonElement | null' n'est pas attribuable au type 'HTMLButtonElement'.
Le type « null » n’est pas attribuable au type « HTMLButtonElement ».ts

problème

// 报错：Type 'HTMLButtonElement | null' is not assignable to type 'HTMLButtonElement'.
// 报错：Type 'null' is not assignable to type 'HTMLButtonElement'.ts
const button:HTMLButtonElement = document.querySelector('button')

raison

le bouton peut être nul n'existe pas

solution

1. Utilisez des assertions pour indiquer qu'il doit y avoir
2. En utilisant un type union, la représentation peut être nulle

// [1]
const button = document.querySelector('button') as HTMLButtonElement
// [2]
const button: HTMLButtonElement | null  = document.querySelector('button')