更漂亮：可选的链接支持答案

【问题标题】：Prettier: optional chaining support更漂亮：可选的链接支持
【发布时间】：2020-06-07 05:07:36
【问题描述】：

VS 代码 > 输出 > 更漂亮

2/23/2020, 12:10:36 PM:
-----------------------
Expression expected. (/Users/yanivper/dev/test/test.ts:2:23)
1 | function test(obj) {
2 |          return obj.a?.b;
                          ^

在一个新项目中：

npm i typescript

VScode 使用 Workstation 版本 3.8.2（显示在左下栏中 TypeScript 3.8.2 ）更漂亮的 v 2.2.2

【问题讨论】：

标签： prettier optional-chaining

【解决方案1】：

在我的情况下，我通过将 prettier 从 1.18.2 更新到 2.0.5 来解决。

如果这里有人使用基于 JetBrains 的 IDE，请检查您在 IDE 中的 prettier 设置，确保“Prettier package”设置为正确的路径，而不是全局包中的旧版本路径。

【讨论】：

我自己开始创建一个问题只是为了发布这个答案。事实证明，只需要一个 npm install -g prettier 即可更新到最新版本 - 它添加了可选的链接支持 (typescriptlang.org/docs/handbook/release-notes/…)

【解决方案2】：

不清楚您在问什么，但如果 prettier 抛出您希望避免的错误，您可以在代码前添加 //prettier-ignore。

更多的文档，在这里：https://prettier.io/docs/en/ignore.html

【讨论】：