如何解决Angular中“Module has no exported member 'OpaqueToken'”错误？

这个问题本质是Angular版本和@ngrx版本不兼容导致的：Angular从4.x版本开始就用InjectionToken取代了旧的OpaqueToken，如果你的@ngrx/store版本太老，还在依赖已被移除的OpaqueTokenAPI，就会触发这个报错。

下面是具体的解决步骤：

• 第一步：确认版本匹配关系
  先查看你当前的Angular版本，运行命令：

  ng version
  

  或者直接打开package.json看@angular/core的版本号。@ngrx的版本需要和Angular的主版本保持一致（比如Angular 16对应@ngrx 16，Angular 15对应@ngrx 15），这是最稳妥的兼容方案。

• 第二步：升级@ngrx到兼容版本
  根据你的Angular版本，升级对应的@ngrx包。比如你用的是Angular 16，就运行：

  # npm用户
  npm install @ngrx/store@16 --save
  # yarn用户
  yarn add @ngrx/store@16
  

  如果你还用到了其他@ngrx相关包（比如@ngrx/effects、@ngrx/entity等），一定要把它们也升级到同一个版本，避免跨版本冲突。

• 第三步：清理缓存并验证
  升级完成后，清理依赖缓存和node_modules，重新安装依赖：

  # Windows系统
  rmdir /s /q node_modules && del package-lock.json
  npm install
  
  # Mac/Linux系统
  rm -rf node_modules package-lock.json
  npm install
  

  然后重启开发服务器ng serve，看看报错是否消失。

• 特殊情况：无法升级@ngrx时的临时方案
  如果你因为项目限制不能升级@ngrx，那只能降级Angular到兼容旧版@ngrx的版本（不推荐，旧版本可能存在安全风险）。比如旧版@ngrx需要Angular 5及以下，就运行：

  npm install @angular/core@5.x.x @angular/common@5.x.x @angular/compiler@5.x.x --save
  

  注意所有Angular核心包都要降级到同一版本，否则会出现其他兼容问题。

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