Node.js 角度服务器端渲染错误HTMLCanvasElement.exports.nyi

错误：未执行 在HTMLCanvasElement.exports.nyi（C:\frontend\u server\u side\u rendering\NewUIUX2nd\bbbcustomerui\dist\server.js:30071:9） 在C:\frontend\u server\u side\u rendering\NewUIUX2nd\bbbcustomerui\dist\server.js:391458:34898 在C:\frontend\u server\u side\u rendering\NewUIUX2nd\bbbcustomerui\dist\server.js:391458:35221 在C:\frontend\u server\u side\u rendering\NewUIUX2nd\bbbcustomerui\dist\server.js:391458:45461 反对。（C:\frontend\u server\u side\u rendering\NewUIUX2nd\bbbcustomerui\dist\server.js:391458:47139） 在网页包\u require（C:\frontend\u server\u side\u rendering\NewUIUX2nd\bbbcustomerui\dist\server.js:20:30） 在Object.web-animations-js（C:\frontend\u server\u side\u rendering\NewUIUX2nd\bbbcustomerui\dist\server.js:371112:18） 在网页包\u require（C:\frontend\u server\u side\u rendering\NewUIUX2nd\bbbcustomerui\dist\server.js:364897:30） 在Object../src/app/home/home.component.ts（C:\frontend\u server\u side\u rendering\NewUIUX2nd\bbbcustomerui\dist\server.js:366546:1） 在网页包\u require（C:\frontend\u server\u side\u rendering\NewUIUX2nd\bbbcustomerui\dist\server.js:364897:30）

---

我发现这个错误是因为SSR DOM实现还不支持元素 见：

如果要将其与Angular Universal一起使用，请将其添加到HTML中：

<canvas *ngIf="isBrowser">

阅读更多关于这方面的文章

import { Inject, PLATFORM_ID } from '@angular/core';
import { isPlatformBrowser } from '@angular/common';

public isBrowser: boolean;

constructor(@Inject(PLATFORM_ID) platformId: Object, private renderer2: Renderer2) {
  this.isBrowser = isPlatformBrowser(platformId);
}