从Angular 5.2升级到6后执行ng build出现Observable导出错误

这个问题在Angular 5升级到6时特别常见，核心原因是rxjs 6.x版本对导入结构和API做了重大调整，而Angular 6正式配套rxjs 6。下面是一步步的解决方法：

1. 确认并安装正确的rxjs版本 #

先打开你的package.json文件，检查rxjs的版本是否为6.x（比如6.6.7，这是Angular 6兼容的稳定版本）。如果版本不对，执行以下命令升级：

npm install rxjs@6 --save

2. 安装rxjs-compat兼容包 #

rxjs 6彻底改变了核心类和操作符的导入路径，为了兼容你现有代码以及可能未适配rxjs 6的第三方依赖，必须安装rxjs-compat包：

npm install rxjs-compat@6 --save

这个包会自动映射旧的导入路径到rxjs 6的新结构，让你原来的import { Observable } from 'rxjs'这类语句能正常工作。

3. （可选）迁移到rxjs 6的新规范（推荐长期维护项目） #

如果想彻底适配rxjs 6的现代写法，需要调整操作符的使用方式：

• 操作符不再直接链式调用，而是通过pipe()方法组合
• 所有操作符需要从rxjs/operators单独导入

举个例子：
原来的旧写法：

import { Observable } from 'rxjs';
import 'rxjs/add/operator/map';

myObservable.map(data => data.id).subscribe(res => console.log(res));

改成rxjs 6的新写法：

import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';

myObservable.pipe(map(data => data.id)).subscribe(res => console.log(res));

完成上述步骤后，重新运行ng build，应该就能解决Observable找不到的报错了。

内容的提问来源于stack exchange，提问作者Rohit Ramname