Ошибка при выполнении узла (о firebase), но приложение работает нормально, даже используя firebase (angular-universal)

Я использую angular-universal для подключения angular и node.js, используя firebase в качестве фиктивных данных. Приложение работает как с angular, так и с node (даже извлекает и сохраняет данные в 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;

firebase node.js typescript angular angular-universal
person joao    schedule 06.02.2019    source источник
comment
У меня была такая же проблема раньше, я изменил ее на эту импортную базу данных из «firebase/app»; и это сработало.   -  person dnp1204    schedule 06.02.2019
comment
Привет, dnp1204, должен ли я изменить этот импорт в вызове angular, а затем снова создать проект или в файле server.js (строка 3)? Спасибо за помощь.   -  person joao    schedule 06.02.2019
comment
Я бы сделал это в вашем app.component.ts   -  person dnp1204    schedule 06.02.2019
comment
Спасибо, dnp1204, ваше решение сработало, хотя мне пришлось использовать немного другой способ import => import firebase from '@firebase/app'; =› Пожалуйста, отправьте ответ, чтобы я мог принять его. Спасибо   -  person joao    schedule 06.02.2019
comment
Приятно слышать, что это работает. Спасибо   -  person dnp1204    schedule 06.02.2019

Ответы (1)


arrow_upward
1
arrow_downward

У меня была такая же проблема раньше, когда я импортировал из «firebase». Вы должны импортировать firebase из 'firebase/app'

person dnp1204    schedule 06.02.2019