Question

将以下代码转换为打字稿时出现错误。

const element = document.querySelector('#launcher');
if (element && element.style && element.style.display) {
    element.style.display = '';
}

错误TS2339：属性＆＃39;样式＆＃39;类型＆＃39;元素＆＃39;上不存在。

当我分配所需的值时，如下所示

const element: { style: any } = document.querySelector('#launcher');

然后错误在元素上，那是

错误TS2322：输入＆＃39;元素|空＆＃39;不能分配给＆＃39; {style：any; }＆＃39 ;. 输入＆＃39; null＆＃39;不能分配给＆＃39; {style：any; }＆＃39;

Answer 1

document.querySelector返回Element的实例。并且在它的输入中没有太多declared。为了修复错误 - 将其转换为更具体的类型，例如：

const element = document.querySelector('#launcher') as HTMLInputElement;
if (element && element.style && element.style.display)
{
    element.style.display = '';
}

基本上所有从HTMLElement继承的东西都可以胜任。

Answer 2

我建议在声明变量时给出特定类型。

例如：在您的情况下，querySelector返回类型＆＃39;元素| null＆＃39;的值。因此，您可以像这样定义元素变量

const element: Element = document.querySelector('#launcher');

希望这有帮助。

打字稿：输入＆＃39; null＆＃39;不能分配给类型错误

2 个答案: