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

list!.values

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

list?.values

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

useRef

像这样使用useRef钩子

const value = inputRef?.current?.value

更新:对象链接是一种访问可能为空或未定义引用的属性的方法

object?.objectProperty?.nextProperty

以前

if (object !== undefined) {
    // continue - error suppressed when used in this way.
}

以前

const objectX = object as string

不过，在选择上述解决方案之前，请考虑您的目标体系结构及其对大局的影响。

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

Interface   {
  data: string|null
}

const myData = document.data ?? "";

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

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

注意: 这行不通

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

RxJS的提示

我经常会有Observable<string>类型的成员变量，直到ngOnInit(使用Angular)我才会初始化它。然后编译器假设它是未初始化的，因为它没有“在构造函数中明确赋值”——并且编译器永远不会理解ngOnInit。

你可以使用!定义上的断言运算符，以避免错误:

favoriteColor!: Observable<string>;

未初始化的可观察对象会导致各种运行时错误，比如“你必须提供一个流，但你提供了null”。!如果你明确知道它将被设置在ngOnInit这样的东西中是可以的，但也可能有一些情况，值以其他不那么确定的方式设置。

所以我有时会使用的替代方法是:

public loaded$: Observable<boolean> = uninitialized('loaded');

其中uninitialized被全局定义为:

export const uninitialized = (name: string) => throwError(name + ' not initialized');

然后，如果您使用这个流而没有定义它，它将立即抛出一个运行时错误。

如果需要，您可以通过添加注释来抑制(下面请注意)

// @ts-ignore:对象可能是空的。

不是对OP的问题的直接回答，但在我的React应用程序与 Typescript - v3.6.2 Tslint - v5.20.0

并使用下面的代码

const refToElement = useRef(null);

if (refToElement && refToElement.current) {
     refToElement.current.focus(); // Object is possibly 'null' (for refToElement.current)
}

我通过抑制这一行的编译器继续前进

const refToElement = useRef(null);

if (refToElement && refToElement.current) {
     // @ts-ignore: Object is possibly 'null'.
     refToElement.current.focus(); 
}

谨慎

注意，由于这是一个编译器错误而不是linter错误，// tslint:disable-next-line不起作用。此外，根据文档，这应该很少使用，只在必要时使用

更新

在Typescript 3.7之后，你可以使用可选的链接，来解决上面的问题

refToElement?.current?.focus();

此外，有时可能只是在使用useRef时将适当的类型传递给泛型参数的问题。 在输入元素的情况下-

const refToElement = useRef<HTMLInputElement>(null);