Angular 6 管道操作从可观察中删除类型

Question

我刚刚从Angular5更新到6。更新后，我运行代码以迁移到rxjs6，它更改了我使用takeWhile的代码。现在为了订阅服务，我的代码如下所示：

this.menuService.currentMenu.pipe(takeWhile(() => this.isAlive))
.subscribe(result => { 
if(result && result.name)
{
//do stuff
}
}
);

使用此import语句

import { takeWhile } from 'rxjs/operators';

在查看了rxjs6的文档后，看起来这是现在使用takewhile的正确方法;但是我收到错误说：

属性"name"在类型"{}"上不存在

看起来takewhile操作正在剥离其键入observable。它也发生在filter，所以我认为pipe是问题所在。

当我在堆栈闪电战中设置测试时，我没有收到错误，我希望这可能是对堆栈闪电战中的项目不在同一打字稿版本上所做的？

这是我正在使用的版本：

_                      _                 ____ _     ___
/    _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
/ △  | '_  / _` | | | | |/ _` | '__|   | |   | |    | |
/ ___ | | | | (_| | |_| | | (_| | |      | |___| |___ | |
/_/   __| |_|__, |__,_|_|__,_|_|       ____|_____|___|
|___/

Angular CLI: 6.0.8
Node: 10.4.1
OS: darwin x64
Angular: 6.0.5
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router
Package                            Version
------------------------------------------------------------
@angular-devkit/architect          0.6.8
@angular-devkit/build-angular      0.6.8
@angular-devkit/build-optimizer    0.6.8
@angular-devkit/core               0.6.8
@angular-devkit/schematics         0.6.8
@angular/cdk                       6.2.1
@angular/cli                       6.0.8
@angular/material                  6.2.1
@angular/material-moment-adapter   6.2.1
@ngtools/webpack                   6.0.8
@schematics/angular                0.6.8
@schematics/update                 0.6.8
rxjs                               6.2.1
typescript                         2.7.2
webpack                            4.8.3

编辑：显式指定类型可解决此问题。但我不明白为什么我必须这样做，为什么它不能保持打字。

this.menuService.currentMenu.pipe(takeWhile(() => this.isAlive))
.subscribe((result: ResultClass) => { 
if(result && result.name)
{
//do stuff
}
}
);

Answer 1

似乎是由于我在使用旧版本的Visual Studio Code时将node/npm安装更改为由nvm处理的组合引起的。

一旦我更新到新的Visual Studio Code 1.24.1，问题就消失了。

---

完整解释：

我认为旧版本的Visual Studio Code不知道在哪里查找npm安装。我收到一个错误(不是马上，更新到nvm大约一天后(说了一些关于npm和Automatic Type Acquisition的事情，并找到了这篇关于如何解决问题的文章。我可以通过终端使用npm，它似乎引起了这个Automatic Type Acquisition问题(这是我的猜测(。

我尝试在terminal中使用which npm命令来查找安装路径并将其按照文章的说明放入设置文件中。它似乎没有解决问题。这可能是因为我使用了不正确的路径，或者我可能忘记重新启动Visual Studio Code以使设置生效(我想我确实重新启动了(，无论哪种方式，我决定只恢复我的设置文件并更新Visual Studio Code以查看新版本是否可以很好地与nvm一起使用。

所以我的猜测是新的Visual Studio Code知道nvm，可以找到npm安装。

有趣的是，如果我在observable上直接subscribe，它可以正确保持打字。也许升级到新rxjs与其他两件事一样是问题的一部分。