执行节点时出错（关于 firebase），但应用程序工作正常，即使使用 firebase（angular-universal）

Question

我正在使用 angular-universal 连接 angular 和 node.js，同时使用 firebase 作为虚拟数据。该应用程序同时使用 angular 和节点（甚至在 firebase 中获取和保存数据）。

而运行在 angular 中，控制台中没有错误（浏览器控制台和 ng serve）。

虽然运行在节点中，它会在控制台中记录有关 firebase 的错误（即使该应用程序使用 firebase 工作）。

这是错误：

ERROR TypeError: firebase.initializeApp is not a function
    at AppComponent../src/app/app.component.ts.AppComponent.ngOnInit (C:\Users\****\Desktop\****\Fevereiro\projeto\dist\server.js:131902:18)
    at checkAndUpdateDirectiveInline (C:\Users\*****\Desktop\*****\Fevereiro\projeto\dist\server.js:27407:19)
    at checkAndUpdateNodeInline (C:\Users\*****\Desktop\*****\Fevereiro\projeto\dist\server.js:28671:20)
    at checkAndUpdateNode (C:\Users\*****\Desktop\*****\Fevereiro\projeto\dist\server.js:28633:16)
    at prodCheckAndUpdateNode (C:\Users\*****\Desktop\*****\Fevereiro\projeto\dist\server.js:29174:5)
    at Object.updateDirectives (C:\Users\*****\Desktop\*****\Fevereiro\projeto\dist\server.js:131877:264)
    at Object.updateDirectives (C:\Users\*****\Desktop\*****\Fevereiro\projeto\dist\server.js:28962:72)
    at Object.checkAndUpdateView (C:\Users\*****\Desktop\*****\Fevereiro\projeto\dist\server.js:28615:14)
    at ViewRef_.detectChanges (C:\Users\*****\Desktop\*****\Fevereiro\projeto\dist\server.js:26996:22)
    at C:\Users\*****\Desktop\*****\Fevereiro\projeto\dist\server.js:23427:63

(C:\Users****\Desktop****\Fevereiro\projeto\dist\server.js)调用方法initializeApp的代码:

Object.defineProperty(exports, "__esModule", { value: true });
var core_1 = __webpack_require__(/*! @angular/core */ "@angular/core");
var firebase = __webpack_require__(/*! firebase */ "firebase");
var AppComponent = /** @class */ (function () {
    function AppComponent() {
        this.loadedFeature = 'recipe';
    }
    AppComponent.prototype.ngOnInit = function () {
        firebase.initializeApp({
            apiKey: "******",
            authDomain: "******",
        });
    };
    AppComponent.prototype.onNavigate = function (feature) {
        this.loadedFeature = feature;
    };
    return AppComponent;
}());
exports.AppComponent = AppComponent;

Answer 1

我之前从 'firebase' 导入时遇到了同样的问题。您应该从 'firebase/app'

导入 firebase

执行节点时出错（关于 firebase），但应用程序工作正常，即使使用 firebase（angular-universal）

Error while executing node (about firebase), but app works fine, even using firebase (angular-universal)

node.js

firebase

typescript

angular-universal

angular