更漂亮：可选的链接支持

Posted 2023-03-13

【中文标题】更漂亮：可选的链接支持

【英文标题】：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

【参考方案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