（Angular / AOT） - Angularfire2'initializeApp（）'没有加载正确的配置属性

Question

我们正在开发一种使用Firebase作为其后端的Ionic混合应用程序。为此，我们使用的是npm包angularfire2。

我们有两个数据库，一个用于开发，另一个用于生产，因此我们希望根据应用程序的状态进行交换。

为此，我们创建了一个布尔静态常量（IS_PRODUCTION_ENVIRONMENT），根据它的值，它将改变FIREBASE_CONFIG，它是包含数据库配置数据的变量。

这是我们的app.config.ts文件中的重要数据：

    export class AppConfig {

        public static readonly IS_PRODUCTION_ENVIRONMENT = false;

        public static readonly FIREBASE_CONFIG_DEVELOPMENT = {
            apiKey: "",
            authDomain: "",
            databaseURL: "",
            projectId: "",
            storageBucket: "",
            messagingSenderId: ""
        };

        public static readonly FIREBASE_CONFIG_PRODUCTION = {
            apiKey: "",
            authDomain: "",
            databaseURL: "",
            projectId: "",
            storageBucket: "",
            messagingSenderId: ""
        };

    public static readonly FIREBASE_CONFIG = AppConfig.IS_PRODUCTION_ENVIRONMENT ? 
AppConfig.FIREBASE_CONFIG_PRODUCTION : AppConfig.FIREBASE_CONFIG_DEVELOPMENT;

...

这是app.module.ts的电话：

imports: [
...
   AngularFireModule.initializeApp(AppConfig.FIREBASE_CONFIG),
...
]

知道了这一点，我们的问题在于，当我们使用--prod --release标志启动应用程序时，如果我们想要构建它或只是在某些设备上测试它;例如，使用ionic cordova run browser --prod --release，Firebase总是配置生产配置（FIREBASE_CONFIG_PRODUCTION），就好像IS_PRODUCTION_ENVIRONMENT被设置为true，尽管它不是。

在不同的文件中插入console.logs，我们意识到，在生产模式下构建应用程序后，IS_PRODUCTION_ENVIRONMENT和FIREBASE_CONFIG会显示正确的值。但是，Firebase生产数据库仍然配置为IS_PRODUCTION_ENVIRONMENT是true，尽管它不是。

配置错误的第一个可追踪日志来自文件firebase.app.module.js，来自angularfire2包的文件，其config方法中的initializeApp()变量接收FIREBASE_CONFIG_PRODUCTION的值（就像IS_PRODUCTION_ENVIRONMENT设置为true），即使FIREBASE_CONFIG指向到FIREBASE_CONFIG_DEVELOPMENT。

如果我们将FIREBASE_CONFIG直接指向生产或开发（没有三元条件运算符），则问题不会被复制，因此我们认为，由于某种原因，initializeApp()在AppConfig类被100％构建之前使用并将IS_PRODUCTION_ENVIRONMENT视为true总是。

此外，如果我们启动应用程序以使用ionic serve或ionic run进行测试，该应用程序将正常运行，并使用所选配置启动Firebase数据库。因此，只有在使用--prod --release标志构建时才会出现此问题。

有没有人知道解决这个问题的方法，或者另一种编码方法？

谢谢！

Answer 1

好吧，我们终于解决了它。

这是一个奇怪的问题，因为我们所要做的就是将IS_PRODUCTION_ENVIRONMENT宣布为班级之外的export const，并从内部操纵它。 app.config.ts（缩短）：

export const isProdEnvironment = true;

export class AppConfig {

    public static readonly IS_LOGGER_ENABLED = !isProdEnvironment;

    public static readonly FIREBASE_CONFIG_PRODUCTION = {
        apiKey: "",
        authDomain: "",
        databaseURL: "",
        projectId: "",
        storageBucket: "",
        messagingSenderId: ""
    };

    public static readonly FIREBASE_CONFIG_DEVELOPMENT = {
        apiKey: "",
        authDomain: "",
        databaseURL: "",
        projectId: "",
        storageBucket: "",
        messagingSenderId: ""
    };

    public static readonly FIREBASE_CONFIG = isProdEnvironment ? 
    AppConfig.FIREBASE_CONFIG_PRODUCTION : AppConfig.FIREBASE_CONFIG_DEVELOPMENT;

...

所以，最后，看起来这是一个问题，因为typescript编译public static readonly boolean的方式，而不是如何在运行时解释三元条件运算符的问题。