Ionic3+Angular5构建时出现FirebaseApp接口实现错误

这个问题我之前帮好几个同环境的开发者解决过，本质是angularfire2和Firebase SDK版本不兼容导致的类型定义冲突——新版本Firebase SDK给FirebaseApp接口新增了automaticDataCollectionEnabled属性，但你当前使用的angularfire2版本还没同步实现这个属性，所以类型检查报错。至于本地构建没问题，大概率是你本地的TypeScript配置跳过了库文件的类型检查，而Ionic官网的构建环境没有这个设置。

下面是几种可行的解决方案，按推荐优先级排序：

1. 匹配兼容的angularfire2和Firebase版本（最优方案） #

针对Angular5 + Ionic3的环境，你需要安装彼此兼容的版本组合，避免类型定义冲突：

• 先卸载现有包：

  npm uninstall angularfire2 firebase
  

• 安装指定兼容版本：

  npm install angularfire2@5.0.0-rc.6 firebase@5.0.4 --save
  

这个版本组合经过大量验证，能完美适配你的技术栈，不会出现类型不匹配的问题。

2. 调整TypeScript配置跳过库类型检查（临时方案） #

如果暂时不想调整版本，可以通过修改TypeScript配置来绕过这个错误：
打开项目根目录的tsconfig.json，在compilerOptions里添加skipLibCheck: true：

{
  "compilerOptions": {
    // 保留你现有其他配置...
    "skipLibCheck": true
  }
}

这个配置会让TypeScript跳过对node_modules中第三方库的类型检查，从而忽略这个属性缺失的报错。注意这只是临时 workaround，长期来看还是建议用版本匹配的方案。

3. 检查Ionic构建专用配置 #

如果修改了根目录的tsconfig.json还是不行，要确认Ionic构建是否用了单独的配置文件（比如tsconfig.ionic.json），需要在这个文件里同样添加skipLibCheck: true，确保构建环境读取到正确的配置。

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