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

Question

我们正在开发一款使用 Firebase 作为后端的 Ionic 混合应用。为此，我们使用 npm 包 angularfire2 .

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

为此我们创建了一个 bool 静态常量 ( 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.log在不同的文件中，我们意识到，在生产模式下构建应用程序后，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 的方式的问题。而不是在运行时如何解释三元条件运算符的问题。