如何抑制“错误TS2533:对象可能是'空'或'未定义'”?

我有一个类型:

type tSelectProtected = {
  handleSelector?: string,
  data?: tSelectDataItem[],

  wrapperEle?: HTMLElement,
  inputEle?: HTMLElement,
  listEle?: HTMLElement,
  resultEle?: HTMLElement,

  maxVisibleListItems?: number
}

我声明了一个全局模块变量:

var $protected : tSelectProtected = {};

我在function1()范围内分配适当的值:

$protected.listEle = document.createElement('DIV');

稍后在function2()作用域中，我调用:

$protected.listEle.classList.add('visible');

我得到TypeScript错误:

error TS2533: Object is possibly 'null' or 'undefined'

我知道我可以使用if ($protected. listele) {$protected. listele进行显式检查。listEle}使编译器平静下来，但这似乎对于大多数非平凡的情况非常不方便。

在不禁用TS编译器检查的情况下如何处理这种情况?

当前回答

我在使用Angular (11.x)时遇到了这个问题。在前一天，我移动了一段HTML/组件到一个单独的-较小的-组件。第二天，我的电脑关机了，我的项目无法构建。结果是.html组件出了问题。如前所述，这是零安全。

以下(节选):

<div class="code mat-body-strong">{{machine. "productCode}} < / div >

<div class="code mat-body-strong">{{machine?。productCode}} < / div >

2021-03-16 07:21:39

其他回答

这不是OP的答案，但我看到很多人在评论中对如何避免这个错误感到困惑。这是通过编译器检查的一种简单方法

if (typeof(object) !== 'undefined') {
    // your code
}

注意: 这行不通

if (object !== undefined) {
        // your code
    }

2020-08-19 17:54:49

以下(节选):

<div class="code mat-body-strong">{{machine. "productCode}} < / div >

<div class="code mat-body-strong">{{machine?。productCode}} < / div >

2021-03-16 07:21:39

要解决这个问题，你可以简单地使用感叹号，如果你确定对象在访问它的属性时不是空的:

list!.values

乍一看，有些人可能会把它与angular中的安全导航操作符混淆，但事实并非如此!

list?.values

!后修复表达式将告诉TS编译器变量不是空，如果不是这样，它将在运行时崩溃

useRef

像这样使用useRef钩子

const value = inputRef?.current?.value

2020-07-25 04:15:47

这不是OP的问题，但当我意外地将一个参数声明为空类型时，我得到了相同的对象可能是“null”消息:

something: null;

而不是给它赋值为null:

something: string = null;

2018-05-17 23:57:09

这个解决方案对我很有效:

转到tsconfig。. json并添加"strictNullChecks":false

2018-01-23 12:32:18

如何抑制“错误TS2533:对象可能是'空'或'未定义'”?

推荐文章

最新文章

标签