Vue 3.0.0.rc-5 中的 TypeScript 3.9.7 可选链接警告

Question

出现 Vetur 错误“无法调用可能‘未定义’的对象。”在应该没问题的线路上。我确实在 Vetur 的 VS 代码设置中选中了“使用工作区依赖项”。

import { defineComponent } from "vue"

export default defineComponent({
  name: "FormGroup",
  setup(_, { emit, slots }) {
    const validationErrorFree = () => {
      const vnodes = slots?.default() // <-- Vetur errors on slots?.default()
      const formInputs = vnodes.filter(
        (vnode) => vnode?.componentOptions?.tag === "FormInput",
      )
      ...

Vetur 不应该理解 TypeScript 可选链吗？我也尝试添加

if (slots === undefined) return true

在显示错误的行之前（并且它没有改变任何东西）。包装也一样：

if (slots !== undefined) {

围绕函数的内部。对我忽略了什么有什么想法？

Answer 1

使用! non null assertion operator slots!.default() 断言Really! I'm not null

请记住，你应该确保你知道它不会为空，否则你会得到一个错误，比如无法在 undefined 上调用 default()。

考虑到它为空的可能性可能是明智的，您可以在检查后使用空断言运算符来确保它不为空。