node.js - Angular 服务器端渲染错误 HTMLCanvasElement.exports.nyi

Question

错误：NotYetImplemented at HTMLCanvasElement.exports.nyi (C:\frontend_server_side_rendering\NewUIUX2nd\bbbcustomerui\dist\server.js:30071:9) at C:\frontend_server_side_rendering\NewUIUX2nd\bbbcustomerui\dist\server.js:391458:34898 at 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 服务器端渲染

Answer 1

这是因为 SSR DOM 实现尚不支持 element 参见：angular/universal-starter#538（评论）

如果您想将它与 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"上阅读更多相关信息