如何抑制“错误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编译器检查的情况下如何处理这种情况?

当前回答

当我在tsconfig中将“strict:true”更改为“strict:false”时。Json文件比代码没有显示错误。添加添加!使用添加的obj like进行签名模板! .getAttriute(“src”);

代码没有显示错误。

2022-03-19 17:38:48

其他回答

在设置状态和使用map时，我用React遇到了这个问题。

在这种情况下，我正在做一个API获取调用和响应的值是不知道的，但应该有一个值“答案”。我为此使用了一个自定义类型，但因为该值可能为空，所以我得到了一个TS错误。允许类型为null并不能解决这个问题;或者，您也可以使用默认参数值，但这对我的情况来说很混乱。

我克服了它，通过提供一个默认值，在事件响应是空的，只需使用三元操作符:

this.setState({ record: (response.Answer) ? response.Answer : [{ default: 'default' }] });

2019-05-26 03:19:24

注意:这可能不是一个推荐的操作-也许解决方案是实际解决错误。所有的检查都是有原因的，所以禁用它们并不总是正确的做法，但是……

与上面的一些问题的答案相似，但最后有一点不同。我在多次不同的检查中遇到了问题，帮助我的是在tsconfig.json中设置一个严格的属性为false。似乎是上述特定检查的一种更通用的变体。

  "compilerOptions": {
    "strict": false
  },

2022-12-15 08:29:54

如果你知道该类型永远不会为null或未定义，你应该声明为foo: Bar，不带?类型声明?条形语法意味着它可能是未定义的，这是您需要检查的。

换句话说，编译器正在做你要求它做的事情。如果您希望它是可选的，您稍后需要检查。

2016-10-31 20:24:52

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

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

2018-01-23 12:32:18

不是OPs问题，但我通过添加一个空检查来解决这个问题

我改变了:

*ngIf="username.invalid &&  username.errors.required"

*ngIf="username.invalid && username.errors != null && username.errors.required"

2021-07-18 03:19:15

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

推荐文章

最新文章

标签