typescript - 当 '--module' 为 'none' 时，Visual Studio 2019 无法使用导入、导出或模块扩充

Question

在我将我的项目从 Angular 9 升级到 Angular 10 之后，该项目显示了许多我无法解决的错误，如下所示

(TS) 找不到模块“@angular/core”。
(TS) 找不到模块“@angular/forms”。
(TS) 当“--module”为“none”时，不能使用导入、导出或模块扩充。
(TS) 对装饰器的实验性支持是一项功能，在未来的版本中可能会发生变化。设置“experimentalDecorators”选项以删除此警告。
TS6053 找不到文件“ClientApp/node_modules/-/dist/index.d.ts”

错误消息仅在 visual studio 2019 中显示。当我在 visual studio code 中尝试该应用程序时，它工作正常。

我尝试了很多解决方案，比如添加
<TypeScriptExperimentalDecorators>True</TypeScriptExperimentalDecorators> <TypeScriptEmitDecoratorMetadata>True</TypeScriptEmitDecoratorMetadata>

或添加
"baseUrl": "src"
到 tsconfig.json

它们都不起作用。有人遇到同样的问题吗？

Answer 1

这是 Visual Studio 2019 无法处理新的“解决方案样式”tsconfig 文件的问题。

您可能会阅读 Angular 10 CLI 升级带来的变化:

https://angular.io/guide/migration-solution-style-tsconfig

为了让事情在 Visual Studio 2019 中正常工作，最简单的解决方法是更改​​您的 tsconfig.json 文件以在没有“解决方案样式”配置模式的情况下工作，如下所示:

{
  "extends": "./tsconfig.app.json"
  //"files": [],
  //"references": [
  //  {
  //    "path": "./tsconfig.app.json"
  //  },
  //  {
  //    "path": "./tsconfig.spec.json"
  //  }
  //]
}

这是一个已知问题，Visual Studio 团队目前正在努力解决这个问题，以支持这种新型的 TypeScript 配置文件。