Angular 4升级至5.2x后构建报错：OpaqueToken成员不存在，求助

这个问题我之前帮不少开发者排查过，核心原因很明确：Angular 5.x 开始已经废弃了 OpaqueToken，用 InjectionToken 替代了它，而你用的 @angular/flex-layout 版本大概率和 Angular 5 不兼容，还在依赖旧的 OpaqueToken API。结合你尝试过的操作，给你一套更精准的解决步骤：

• 第一步：卸载当前不兼容的 flex-layout 并清理依赖残留
  先彻底移除现有版本，同时清理缓存和锁文件，避免旧依赖干扰：

  npm uninstall @angular/flex-layout
  rm -rf node_modules package-lock.json  # Windows 系统请执行：rmdir /s /q node_modules && del package-lock.json
  npm cache clean --force
  

• 第二步：安装适配 Angular 5 的 flex-layout 版本
  不要直接装 latest，Angular 5 对应的 flex-layout 稳定兼容版本是 2.x 系列，比如 2.0.0-beta.12，执行：

  npm install @angular/flex-layout@2.0.0-beta.12
  

• 第三步：检查并替换项目自身代码中的 OpaqueToken
  如果你的业务代码里自己导入并使用了 OpaqueToken，也需要手动替换成 InjectionToken，语法几乎完全一致：
  原来的代码：

  import { OpaqueToken } from '@angular/core';
  const MY_CUSTOM_TOKEN = new OpaqueToken('my-custom-token');
  

  替换后：

  import { InjectionToken } from '@angular/core';
  const MY_CUSTOM_TOKEN = new InjectionToken('my-custom-token');
  

• 第四步：重新构建项目
  执行 ng build，应该就能解决这个报错了。

如果还是有问题，建议检查一下其他第三方依赖库的版本，看看有没有其他库也在使用已废弃的 OpaqueToken，同样需要升级到兼容 Angular 5 的版本。

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