时间戳

首页 > 解决方案 > 执行节点时出错（关于 firebase），但应用程序运行良好，即使使用 firebase（角度通用）

node.js - 执行节点时出错（关于 firebase），但应用程序运行良好，即使使用 firebase（角度通用）

问题描述

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

在 Angular 中运行时，控制台中没有错误（浏览器控制台和 ng 服务）。

在节点中运行时，它会在控制台中记录一个关于 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;

标签： node.jsangulartypescriptfirebaseangular-universal

解决方案

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

推荐阅读