Visual Studio 2022 中的 TypeScript 版本不匹配

Question

通过 Projet 属性将 Web 项目设置为显式使用 4.4，TypeScript 构建： 请注意，它表示“不可用”。

我在使用 VS2022 打开项目时收到此警告： PROJECT.X specifies TypeScript version 4.4, but a matching compiler was not found. Would you like us to update your project to use TypeScript 4.3?

如果我将 TypeScript 版本更改为“使用最新版本”：

加载时，警告变为： PROJECT.X is built using TypeScript 4.3, but the TypeScript language service version currently in use by Visual Studio is 4.4. This may be caused by other projects in the solution using a different version of TypeScript. Would you like us to update your project to use TypeScript 4.4?

所以这些似乎是说VS有4.4语言服务，但没有匹配的编译器？

我已阅读：

• https://docs.microsoft.com/en-us/visualstudio/javascript/javascript-in-visual-studio?view=vs-2019 解释了 TypeScript NuGet、npm 或 SDK 的使用。我使用 npm 方法。我没有安装 Microsoft.Typescript.MSBuild 包，也没有在 Windows 中安装 Typescript SDK。
• https://github.com/Microsoft/TypeScript/issues/21569#issuecomment-362748498 解释了语言服务和构建工具之间的区别，日期为 2018 年，不确定它在 VS 2022 中是否相关。有趣的是，它还说“版本选择器仅适用于您使用 SDK 的全局安装版本，如果你使用Nuget构建，那么它只用于选择语言服务。”这个问题在版本下拉列表中显示“（不可用）”，就像我一样。
• project specifies TypeScript version 2.8, but a matching compiler was not found 有类似的编译器缺失警告。
• TypeScript version mismatch in Visual Studio 2019 与我相同，但适用于 VS2019。一种解决方案是通过 NuGet 包，接受的解决方案提到将 $(PATH) 移至选项、项目和解决方案、Web 包管理、外部 Web 工具中的列表顶部。

如何消除这些警告？

Answer 1

我找到了一个解决方案，希望它对你有用。

首先，运行 Visual Studio 安装程序并在您的版本上单击“修改”（抱歉屏幕截图是法语但应该相同）：

然后转到“单个组件”选项卡并检查“TypeScript 4.4 SDK Kit”：

之后，TypeScript 4.4 版在项目属性页面上可用。

但是，最新的 TypeScript 版本 (4.5.x) 似乎不适用于该方法。

Answer 2

正如https://stackoverflow.com/a/56681453/1948625 中所暗示的，一种解决方案是将$(PATH) 在选项、项目和解决方案、Web 包管理、外部 Web 工具中的列表上移到更高的位置。

但是，我认为还有更多内容。 默认是这样的：

这样，我收到了上面的警告（其中之一，取决于 TypeScript 版本 4.4 或最新版本，取决于 Web 项目属性）。

如果我取消选中或删除 $(VSInstalledExternalTools)（而不是将 PATH 移到顶部），警告就会消失。

删除了$(VSInstalledExternalTools)，现在我在列表顶部添加了一个假的$(SomethingRandom)，警告又回来了。

正如我在这里发布的https://stackoverflow.com/a/71125529/1948625 一样，我找不到$(VSInstalledExternalTools) 的值。这让我觉得它是未定义的，就像$(SomethingRandom)。我认为这里可能存在一个错误，即外部工具的位置没有按预期向下级联，如果其中一个路径无效或空白，可能会崩溃。

我还是更喜欢使用当前项目的版本，所以我更喜欢列表顶部的.\node_modules\.bin，而不是$(PATH)。这是我摆脱警告的解决方案：

Answer 3

要查找所有 TypeScript 编译器版本，请尝试运行此 powershell：

Get-Childitem –Path C:\,D:\ -Recurse -Force -Include tsc.cmd -ErrorAction SilentlyContinue | foreach { $_.FullName; & $_ -v }

这将有助于协调上述位置的顺序，这些文件夹是否在您的 Path 变量中，等等。

我的输出是这样的：

C:\Users\BobSMith\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\.bin\tsc.cmd
Version 4.1.6
C:\Users\BobSMith\AppData\Roaming\npm\tsc.cmd
Version 4.5.5
D:\$RECYCLE.BIN\S-1-12-1-732868070-XXX-XXX-XXX\$RH58AY6.1\src\XXX\XXX.Web\node_modules\.bin\tsc.cmd
Version 3.8.3
D:\code\XXX\XXX.Web\node_modules\.bin\tsc.cmd
Version 3.4.5
D:\code\YYY\YYY.Web\node_modules\.bin\tsc.cmd
Version 4.4.2
D:\code\XXX\ZZZ\node_modules\.bin\tsc.cmd
Version 4.2.4