Typescript 可选链接错误 : Expression expected. ts(1109)

Question

我正在尝试在 Typescript + React Native 中进行可选链接。

假设我有以下接口(interface):

interface Bar {
  y: number
}

interface Foo {
  x?: Bar
}

我尝试运行以下命令:

 const test: Foo = {x: {y: 3}};
 console.log(test.x?.y);

VSCode 会在 ?. 下显示错误说以下内容:Expression expected.ts(1109)

你知道为什么会发生这种情况或我应该如何解决它？谢谢。

Answer 1

TypeScript 3.7 已经发布，但稳定的 VS Code 使用的是旧版本。

尝试 ⌘ + Shift + p 并选择 Select TypeScript Version .如果不是 3.7+，那就是问题所在。最简单的解决方法是安装 ms-vscode.vscode-typescript-next延期。它将提供一个夜间 TypeScript 版本供 VS Code 使用(可能需要重新启动 VS Code，仅供引用)。

当 VS Code 默认获得 TypeScript 3.7+ 时，您需要记住删除扩展。

见 https://code.visualstudio.com/docs/typescript/typescript-compiling#_using-newer-typescript-versions更多细节。