Angular从5升级至6报错求助：按指南操作仍遇问题

我之前升级Angular版本时也碰到过类似的兼容问题，尤其是rxjs这块的坑特别多，给你几个具体的排查和修复步骤：

• 彻底移除rxjs-compat，避免版本冲突
  Angular 6已经全面适配rxjs 6的新语法，rxjs-compat是为了临时兼容旧代码的过渡层，但如果你的代码里已经有部分新写法，混合使用反而会引发更多冲突。先彻底卸载它：

  npm uninstall rxjs-compat --save
  

  卸载后一定要检查package.json，确保rxjs-compat已经从依赖列表中完全移除。

• 确认rxjs版本与Angular 6匹配
  Angular 6要求rxjs版本必须是6.x系列，你可以查看package.json里的rxjs版本，如果不是的话，安装对应稳定版本：

  npm install rxjs@6.6.7 --save
  

  6.6.7是rxjs 6系列的最后一个稳定版本，兼容性最好。

• 修正代码中的rxjs导入和使用方式
  rxjs 6的导入规则和Angular 5用的rxjs 5完全不同，这是最容易出错的地方：

  • 核心类（比如Observable、Subject）要直接从rxjs导入：

    // 旧写法（错误）
    import { Observable } from 'rxjs/Observable';
    // 新写法（正确）
    import { Observable } from 'rxjs';
    

  • 操作符（比如map、filter）要从rxjs/operators导入，并且必须通过pipe()方法链式调用，不能直接在Observable后面链式调用操作符：

    // 旧写法（错误）
    this.http.get('/api/data').map(res => res.json());
    // 新写法（正确）
    import { map } from 'rxjs/operators';
    this.http.get('/api/data').pipe(map(res => res.json()));
    

• 清理依赖缓存并重新安装
  有时候依赖缓存会导致版本不兼容，执行以下步骤重置依赖：

  1. 删除node_modules文件夹：

     # macOS/Linux
     rm -rf node_modules
     # Windows
     rmdir /s /q node_modules
     

  2. 删除package-lock.json文件：

     rm package-lock.json
     

  3. 重新安装所有依赖：

     npm install
     

• 确认Angular CLI版本匹配
  Angular 6需要搭配6.x版本的Angular CLI，运行ng --version检查版本，如果不匹配，全局和本地都要安装对应版本：

  # 全局安装
  npm install -g @angular/cli@6.2.9
  # 本地项目安装
  npm install @angular/cli@6.2.9 --save-dev
  

如果执行完这些步骤还是有错误，建议把控制台的具体报错信息贴出来，这样能更精准地定位问题根源。

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