Angular 4集成Firebase报错：Cannot read property 'databaseURL' of undefined

我一眼就定位到问题啦——你的环境配置文件存在两个语法错误，这直接导致Firebase初始化时无法读取到正确的配置参数，从而抛出了这个错误。下面是具体问题和修复方案：

问题根源 #

你的environment.ts里有两个关键错误：

• 拼写错误：把配置项的键名firebase写成了firecase，导致environment.firebase返回undefined
• 语法缺失：production: false语句末尾没有添加逗号，破坏了对象的结构解析

修复步骤 #

1. 修正环境配置文件 #

把你的environment.ts替换成下面的正确代码：

export const environment = {
  production: false, // 补上缺失的逗号
  firebase: { // 把错误的firecase改为正确的firebase
    apiKey: "AIzaSyCD3yDwF7qBcepnAXEspXbfchMtaGncHtg",
    authDomain: "courses-4d546.firebaseapp.com",
    databaseURL: "https://courses-4d546.firebaseio.com",
    projectId: "courses-4d546",
    storageBucket: "courses-4d546.appspot.com",
    messagingSenderId: "760508178350"
  }
};

2. 验证其他代码 #

你的AppModule和组件代码本身没有问题：

• AppModule里正确调用了AngularFireModule.initializeApp(environment.firebase)
• 组件中AngularFireDatabase的注入和db.list('/courses')的使用都是符合规范的

测试修复 #

修改完成后，重启你的Angular开发服务器（ng serve），此时Firebase应该能正常初始化，组件也能正确读取数据库中的courses数据了。

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