Angular universal + Webpack 4: ReferenceError:窗口未定义

Angular Universal是一个用于实现服务器端渲染的框架，可以将Angular应用程序在服务器端进行渲染，生成静态HTML页面，提高应用程序的性能和SEO友好度。而Webpack是一个现代的前端打包工具，用于管理和构建前端项目中的资源文件。

在使用Angular Universal和Webpack 4时，出现"ReferenceError:窗口未定义"错误通常是因为在服务器端运行的Angular应用程序中使用了浏览器特定的API，例如window对象。由于服务器端没有浏览器环境，所以无法访问这些API，导致错误的发生。

解决该问题的一种方法是在代码中判断当前是否处于浏览器环境，只有在浏览器环境下才使用window对象。可以使用Angular提供的isPlatformBrowser函数进行判断，示例代码如下：

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

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.scss']
})
export class ExampleComponent implements OnInit {

  constructor(@Inject(PLATFORM_ID) private platformId: Object) { }

  ngOnInit() {
    if (isPlatformBrowser(this.platformId)) {
      // 在浏览器环境下才执行的代码
      // 使用window对象等浏览器API
    }
  }

}

在上述示例代码中，通过注入PLATFORM_ID来判断当前运行环境是浏览器还是服务器，然后使用isPlatformBrowser函数来判断是否处于浏览器环境，从而避免在服务器端访问浏览器API导致的错误。

至于Webpack 4的相关内容，由于题目要求不能提及具体的品牌商，建议使用腾讯云的云开发产品来实现前端项目的构建和部署，如腾讯云 Serverless Framework（SCF）和腾讯云云原生应用引擎（TKE）。具体的产品介绍和相关链接可以参考腾讯云的官方文档和网站。

总结：在使用Angular Universal和Webpack 4时，避免在服务器端访问浏览器特定的API可以通过判断当前运行环境并使用isPlatformBrowser函数来实现。同时，可以使用腾讯云的云开发产品来实现前端项目的构建和部署。