(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 class 100% 构建并始终将 IS_PRODUCTION_ENVIRONMENT 视为 true 之前。

此外，如果我们使用 ionic serve 或 ionic run 启动应用程序进行测试，应用程序会正常运行，并使用选定的配置启动 Firebase 数据库。因此，问题仅在使用 --prod --release 标志构建时发生。

有谁知道解决这个问题的方法，或者其他编码方法吗？

谢谢！

Answer 1

嗯，终于解决了

这是一个奇怪的问题，因为我们所要做的就是将 IS_PRODUCTION_ENVIRONMENT 声明为 class 外部的 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 的方式的问题，而不是运行时如何解释三元条件运算符的问题。

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

(Angular / AOT) - Angularfire2 'initializeApp()' not loading the correct config properties

ionic-framework

angularfire2

angular2-aot

angular

angular-aot