错误：文档未定义，在构建角度通用应用程序时

Question

错误 ：

factory(require("jquery"), document, window, navigator);
                               ^ReferenceError: document is not defined

面对角度通用渲染服务器端的问题，我用谷歌搜索了这个并浏览了很多帖子，但没有得到任何有用的资源。

Answer 1

Jquery在浏览器端工作，服务器端不支持浏览器功能。例如，如果您想在 Angular Universal 中使用 jquery，则必须确保仅在浏览器端使用它。

例如，您可以执行以下操作。

在您的 component.ts 文件中导入以下内容。

import { isPlatformServer } from '@angular/common';
import * as $ from 'jquery';

然后在 ngOnInit 函数中执行以下操作

constructor(@Inject(PLATFORM_ID) private platformId: any) {}
  ngOnInit() {
    if (isPlatformBrowser(this.platformId)) {
     /* jQuery here */
     $("#test-button").click(function () {
       alert('WOOOW');
       $(this).css("background","#000");
    });
  }
}

Answer 2

如果您使用服务器端，则必须添加检查平台是浏览器还是服务器，因为服务器端支持中不提供文档、窗口等关键字

您可以使用Angular 的isPlatformBrowser。