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

我改变了:

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

To

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

在typescript中，关闭可能为null的消息:

Interface   {
  data: string|null
}

const myData = document.data ?? "";

在typescript中，您可以执行以下操作来抑制错误:

let subString?: string;

subString > !—注意在null前增加了感叹号。

尝试像这样调用object:

(<any>Object).dosomething

出现此错误是因为您使用?将它们声明为可选。Typescript会做严格的检查，它不允许做任何未定义的事情。因此，您可以在这里使用(<any> youobject)。

作为一个选项，您可以使用类型强制转换。如果你从typescript中得到这个错误，这意味着某些变量有类型或未定义:

let a: string[] | undefined;

let b: number = a.length; // [ts] Object is possibly 'undefined'
let c: number = (a as string[]).length; // ok

确保代码中确实存在a。

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

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

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

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