Angular 服务器端渲染错误 HTMLCanvasElement.exports.nyi答案

【问题标题】：Angular Server side rendering error HTMLCanvasElement.exports.nyiAngular 服务器端渲染错误 HTMLCanvasElement.exports.nyi
【发布时间】：2019-05-30 18:56:11
【问题描述】：

错误：NotYetImplemented 在 HTMLCanvasElement.exports.nyi (C:\frontend_server_side_rendering\NewUIUX2nd\bbbcustomerui\dist\server.js:30071:9) 在 C:\frontend_server_side_rendering\NewUIUX2nd\bbbcustomerui\dist\server.js:391458:34898 在 C:\frontend_server_side_rendering\NewUIUX2nd\bbbcustomerui\dist\server.js:391458:35221 在 C:\frontend_server_side_rendering\NewUIUX2nd\bbbcustomerui\dist\server.js:391458:45461 在对象。 (C:\frontend_server_side_rendering\NewUIUX2nd\bbbcustomerui\dist\server.js:391458:47139) 在 webpack_require (C:\frontend_server_side_rendering\NewUIUX2nd\bbbcustomerui\dist\server.js:20:30) 在 Object.web-animations-js (C:\frontend_server_side_rendering\NewUIUX2nd\bbbcustomerui\dist\server.js:371112:18) 在 webpack_require (C:\frontend_server_side_rendering\NewUIUX2nd\bbbcustomerui\dist\server.js:364897:30) 在 Object../src/app/home/home.component.ts (C:\frontend_server_side_rendering\NewUIUX2nd\bbbcustomerui\dist\server.js:366546:1) 在 webpack_require (C:\frontend_server_side_rendering\NewUIUX2nd\bbbcustomerui\dist\server.js:364897:30)

我收到此错误 Angular 5 服务器端渲染

【问题讨论】：

标签： node.js angular typescript

【解决方案1】：

这是因为 SSR DOM 实现还不支持元素见：angular/universal-starter#538 (comment)

如果您想将它与 Angular Universal 一起使用，请将其添加到您的 HTML：

<canvas *ngIf="isBrowser">

在 .ts 文件中的组件中，如下所示：

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);
}

在Angular Universal "Gotchas"上了解更多信息

【讨论】：