将交易视图与 Angular 10 通用 SSR 集成答案

【问题标题】：Integrate Trading view with Angular 10 universal SSR将交易视图与 Angular 10 通用 SSR 集成
【发布时间】：2021-06-13 17:45:05
【问题描述】：

您好，我已经为 Angular 10 客户端渲染集成了交易视图库。最近我想为我的网站做 SEO，所以在 Angular 10 Universal 中实现了交易视图。

这里的主要问题是当我第一次加载交易视图时它会完美加载。但是当我第二次加载时，它给出了“未定义窗口”错误

我在 index.html 中导入了数据馈送

请检查我的 ts.app.config

我还需要添加什么才能使其在 angular 10 通用上工作？？

【问题讨论】：

使用domino 为window 提供模拟
已经创建了一个窗口服务来处理整个项目中的窗口对象。但交易视图库在 .min（缩小）脚本中包含多个窗口对象。如何处理？

标签： angular server-side-rendering angular-universal tradingview-api datafeed

【解决方案1】：

就像我在评论中所说，您可以尝试使用 domino 为 window 对象提供模拟，尤其是对于 3rd 方库

server.ts

//imports ...

const domino = require('domino');
const win = domino.createWindow('/path/to/your/project/dist/client/index.html');
global['window'] = win;
global['document'] = win.document;
global['navigator'] = win.navigator;

//...
//start express server as usual

【讨论】：

像魅力一样工作！！...谢谢大卫