Angular2 构建失败，出现 "Cannot find name ' 文档'”；其他引用也无法解析

Question

我一直致力于将 Jasmine 单元测试添加到我的 Angular 2 项目中，并且最近更新了一些 NPM 包。我看到两个不同的错误，我怀疑它们是相关的(因此将它们合并在一个问题中)。

首先，我遇到一个构建错误，阻止我构建我的项目。当我在 Angular-CLI 中运行 >ng build 时，所有 block 似乎都已正确创建，但随后出现一堵错误墙，指向我引用全局文档或窗口变量的每个地方。错误如下所示:

或者，“找不到名称‘window’”。这些引用在 Visual Studio 中没有加红线，我已经使用它们很长时间了，没有遇到任何问题，所以我猜这与最近更新我的 Typescript 版本有关吗？

同样，在我的新测试文件中，所有 Jasmine 引用都被红线标记为未知名称。

有趣的是，测试运行时没有任何投诉；只是 Visual Studio 在我的测试文件中放置了标记。我查看了有关此问题的许多 SO 问题，发现没有任何解决方案可以解决我的问题。

这是我的 tsconfig.json 的样子:

我已检查 TypeRoots 路径是否正确，以及是否安装了这些 NPM 模块。

还有我的 package.json:

Answer 1

TypeScript 配置应该有

"lib": ["dom", ...] 

为了使用特定于浏览器的全局变量，包括 document。

为了使用 Jasmine 全局变量，必须安装 @types/jasmine 包。