ReferenceError:窗口未定义(角通用)

Question

在Object.79604 (C:\Users\aakas\Desktop\universal\dist\project\server\main.js:26154:360416) at webpack_require (C:\Users\aakas\Desktop\universal\dist\project\server\main.js:254150:42) at Module.20054 (C:\Users\aakas\Desktop\universal\dist\project\server\main.js:246050:68) at webpack_require (C:\Users\aakas\Desktop\universal\(C:\Users\aakas\Desktop\universal\dist\project\server\main.js:7138:12) at webpack_require (C:\Users\aakas\Desktop\universal\dist\project\server\main.js:254150:42) at Object.72402 (C:\Users\aakas\Desktop\universal\dist\project\server\main.js:19325:13) at webpack_require (C:\ )Users\aakas\Desktop\universal\dist\project\server\main.js:254150:42) at Object.90158 (C:\Users\aakas\Desktop\universal\dist\project\server\main.js:659:29) at webpack_require (C:\Users\aakas\Desktop\universal\dist\project\server\main.js:254150:42)

发生了服务器错误。节点以1段代码退出。连接ECONNREFUSED 127.0.0.1:49936

Answer 1

不确定这是否是您要寻找的答案，但在使用NextJS时，您也会得到这样的错误，答案是将document或window包装在下面：

if (typeof window !== 'undefined') {
  # write your code here
}

因此，如果你在你的应用程序周围有document.querySelector()，你只需要像这样包装它：

if (typeof window !== 'undefined') {
  document.querySelector()
}

希望能帮上忙！

Answer 2

如果您使用第三方库，并且由于此错误导致错误准确，那么您有两个选项：

1-将此添加到您的server.ts中：

const MockBrowser = require('mock- browser').mocks.MockBrowser;
const mock = new MockBrowser();

global.document = mock.getDocument();
global.window = mock.getWindow();

2-仅在浏览器中使用该库：

在ts文件中：

isBrowser = false;
constructor(@Inject(PLATFORM_ID) private platformId){
isBrowser  = isPlatformBrowser(this.platformId);
}

在html文件中：

<thirdparty *ngIf="isBrowser"></thirdparty>

如果在打字本中使用窗口：

if (this.isBrowser) {
window.....
}