错误[DEP0005] DeprecationWarning：带有Firebase实时数据库请求的Angular Universal SSR上的Buffer

问题描述

错误：

(node:7984) [DEP0005] DeprecationWarning: Buffer() is deprecated due to security and usability issues. Please use the Buffer.alloc(),Buffer.allocUnsafe(),or Buffer.from() methods instead.
    at showFlaggedDeprecation (buffer.js:190:11)
    at new Buffer (buffer.js:277:3)
    at Client._handshakeRequest (C:\Users\rbrauge\Documents\MonProjet\FirstWebsite-ng10\dist\FirstWebsite-ng10\server\main.js:1:290468)
    at Client.start (C:\Users\rbrauge\Documents\MonProjet\FirstWebsite-ng10\dist\FirstWebsite-ng10\server\main.js:1:289940)
    at Client.NVOQ.Client._onConnect (C:\Users\rbrauge\Documents\MonProjet\FirstWebsite-ng10\dist\FirstWebsite-ng10\server\main.js:1:864141)
    at TLSSocket.onConnect (C:\Users\rbrauge\Documents\MonProjet\FirstWebsite-ng10\dist\FirstWebsite-ng10\server\main.js:1:863577)
    at Object.onceWrapper (events.js:420:28)
    at ZoneDelegate.invokeTask (C:\Users\rbrauge\Documents\MonProjet\FirstWebsite-ng10\dist\FirstWebsite-ng10\server\main.js:1:1379964)
    at Object.onInvokeTask (C:\Users\rbrauge\Documents\MonProjet\FirstWebsite-ng10\dist\FirstWebsite-ng10\server\main.js:1:3146644)
    at ZoneDelegate.invokeTask (C:\Users\rbrauge\Documents\MonProjet\FirstWebsite-ng10\dist\FirstWebsite-ng10\server\main.js:1:1379854)
npm ERR! code ELIFECYCLE
npm ERR! errno 3221226505
npm ERR! first-website-ng10@0.0.0 serve:ssr: `node --trace-deprecation dist/FirstWebsite-ng10/server/main.js`
npm ERR! Exit status 3221226505
npm ERR!
npm ERR! Failed at the first-website-ng10@0.0.0 serve:ssr script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

上下文：

我通过遵循本教程将Angular Universal添加到我的项目中：https://dev.to/ankitprajapati/implement-angular-server-side-rendering-and-deploy-angular-universal-app-to-firebase-with-schematics-4nin
当我使用ng serve时，应用程序正在运行，没有任何问题，我可以访问我的实时数据库的数据，但是如果我使用npm run build:ssr && npm run serve:ssr运行SRR，则会收到上面发布的错误。
此错误来自getData()中的Firebase请求，如果我对此进行评论，则不会显示此错误，并且会呈现应用程序。
我使用Angular 10.0.9和Node 14.8.0，但是在Angular 9.1.12和Node 12.x中也有相同的问题。

谢谢你的提示！

PACKAGE.JSON

{
  "name": "first-website-ng10","version": "0.0.0","scripts": {
    "ng": "ng","start": "ng serve","build": "ng build","test": "ng test","lint": "ng lint","e2e": "ng e2e","dev:ssr": "ng run FirstWebsite-ng10:serve-ssr","serve:ssr": "node --trace-deprecation dist/FirstWebsite-ng10/server/main.js","build:ssr": "ng build --prod && ng run FirstWebsite-ng10:server:production","build:serve:ssr": "npm run build:ssr && npm run serve:ssr","prerender": "ng run FirstWebsite-ng10:prerender","build:deploy": "npm run build:ssr && firebase deploy"
  },"private": true,"dependencies": {
    "@angular/animations": "~10.0.9","@angular/common": "~10.0.9","@angular/compiler": "~10.0.9","@angular/core": "~10.0.9","@angular/fire": "^6.0.2","@angular/forms": "~10.0.9","@angular/platform-browser": "~10.0.9","@angular/platform-browser-dynamic": "~10.0.9","@angular/platform-server": "~10.0.9","@angular/router": "~10.0.9","@nguniversal/express-engine": "^10.0.2","express": "^4.15.2","firebase": "^7.13.1","jquery": "^3.5.1","rxjs": "~6.5.5","tslib": "^2.0.0","zone.js": "~0.10.3"
  },"devDependencies": {
    "@angular-devkit/build-angular": "~0.1000.6","@angular/cli": "~10.0.6","@angular/compiler-cli": "~10.0.9","@nguniversal/builders": "^10.0.2","@types/express": "^4.17.0","@types/node": "^12.11.1","@types/jasmine": "~3.5.0","@types/jasminewd2": "~2.0.3","codelyzer": "^6.0.0","jasmine-core": "~3.5.0","jasmine-spec-reporter": "~5.0.0","karma": "~5.0.0","karma-chrome-launcher": "~3.1.0","karma-coverage-istanbul-reporter": "~3.0.2","karma-jasmine": "~3.3.0","karma-jasmine-html-reporter": "^1.5.0","protractor": "~7.0.0","ts-node": "~8.3.0","tslint": "~6.1.0","typescript": "~3.9.5","@angular-devkit/architect": ">= 0.900 < 0.1100","firebase-tools": "^8.0.0","fuzzy": "^0.1.3","inquirer": "^6.2.2","inquirer-autocomplete-prompt": "^1.0.1","open": "^7.0.3","firebase-admin": "^8.10.0","firebase-functions": "^3.6.0","firebase-functions-test": "^0.2.0"
  }
}

APP.COMPONENT.TS

import { Component } from '@angular/core';
import * as firebase from 'firebase';

@Component({
  selector: 'app-root',templateUrl: './app.component.html',styleUrls: ['./app.component.css']
})
export class AppComponent {
    
  /**
   * Initialisation au lancement du component.
   */
  async ngOnInit() {
    console.log('ngOnInit');
    await this.getData();
  }


  /**
   * Get test data
   */
  async getData() {
    return new Promise<any[]>((resolve,reject) => {
    firebase.database().ref('/test').on('value',(data) => {
            const data_array = [];
            data.forEach((child) => { data_array.push(child); });
            console.log('data_array',data_array);
            resolve();
        },(error: any) => {
            reject(error);
        });
    });
  }
}

import { Component } from '@angular/core';
import * as firebase from 'firebase';

@Component({
  selector: 'app-root',(error: any) => {
            reject(error);
        });
    });
  }
}

APP.MODULE.TS

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import * as firebase from 'firebase';
import { AppComponent } from './app.component';
import { environment } from 'src/environments/environment';

firebase.initializeApp(environment.firebase);

@NgModule({
  declarations: [
    AppComponent
  ],imports: [
    BrowserModule.withServerTransition({ appId: 'serverApp' }),],providers: [
  ],bootstrap: [AppComponent],entryComponents: [  
  ]
})
export class AppModule { }

REALTIME DATABASE SCHEME

database-project-name
 |
 -- test
     |
     -- name : "toto"

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）