AngularFire2 Firebase Promise在Mac环境下失效，跨平台构建报错

这种跨平台的依赖报错其实挺常见的——毕竟Ubuntu和Mac的npm缓存、系统级依赖环境差异不小，尤其是iOS构建依赖CocoaPods，Android在Mac上的NDK/JDK配置也容易藏坑。结合你给出的代码和报错信息，我整理了针对性的排查修复方案：

1. 先清理依赖缓存，彻底重装 #

Mac上的npm缓存偶尔会残留旧的类型定义或损坏的包，先把本地依赖清干净重来：

• 删除本地依赖和锁文件：

  rm -rf node_modules package-lock.json yarn.lock
  

• 强制清理npm缓存：

  npm cache clean --force
  

• 重新安装所有依赖：

  npm install
  

如果用yarn的话，对应执行yarn cache clean再yarn install就行。

2. 锁定TypeScript版本到兼容范围 #

AngularFire2 v4.0.0-rc0对TypeScript版本要求很严格，太高或太低都会触发类型不匹配错误。你可以在package.json的devDependencies里指定兼容版本：

"devDependencies": {
  "typescript": "~2.3.4"
}

然后重新安装TS依赖：

npm install typescript@~2.3.4 --save-dev

验证下TS版本：

tsc --version

确保输出是2.3.x系列，这个版本是和AngularFire2 v4.0.0-rc0完美适配的。

3. 修复Firebase类型定义冲突 #

你用到的firebase.auth.GoogleAuthProvider.credential在v4.3.1里的类型定义，可能和AngularFire2 v4.0.0-rc0的类型声明不兼容。可以试试这两个方法：

• 方法一：明确导入完整的Firebase类型
  在你的Auth服务文件顶部替换原有导入：

  import * as firebase from 'firebase/app';
  import 'firebase/auth';
  

  这样能确保Firebase的auth模块类型定义被正确加载，避免TS报错。
• 方法二：临时跳过特定文件的TS检查（应急用）
  在报错的文件顶部添加注释：

  // @ts-ignore
  

  注意这只是临时方案，优先解决类型根源问题更好。

4. iOS构建额外排查：CocoaPods依赖匹配 #

如果是iOS构建报错，除了npm依赖，还要检查CocoaPods的Firebase版本是否和npm上的一致：

• 进入iOS项目目录：

  cd platforms/ios
  

• 打开Podfile，确保Firebase版本和firebase@4.3.1对应：

  pod 'Firebase/Core', '4.3.1'
  pod 'Firebase/Auth', '4.3.1'
  

• 重新安装Pods：

  pod deintegrate && pod install
  

  这一步能解决Mac上iOS构建时原生依赖不匹配的问题。

5. Android构建额外排查：Gradle配置对应 #

对于Mac上的Android构建，检查platforms/android/build.gradle里的Firebase原生SDK版本：
确保依赖项是：

compile 'com.google.firebase:firebase-core:11.0.4'
compile 'com.google.firebase:firebase-auth:11.0.4'

因为Firebase v4.3.1对应的Android原生SDK版本是11.0.4，版本对应错了会触发JNI或类型不匹配错误。

最后验证 #

完成上面的步骤后，先跑本地TS编译确认没问题：

ng build --prod

如果编译通过，再尝试构建iOS/Android：

# iOS构建
ionic cordova build ios
# Android构建
ionic cordova build android

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