如何查看 Angular 2 应用程序的页面源答案

【问题标题】：How to view the page source for angular 2 app如何查看 Angular 2 应用程序的页面源
【发布时间】：2018-02-23 12:36:35
【问题描述】：

我有网络应用程序，每当我使用浏览器查看页面源查看页面源时，我只能在页面源中看到 index.html 内容，因为我能够在检查元素中看到所有 html 代码，但是不在页面源中。有没有人怎么查看页面源码？？

下面是server.ts

【问题讨论】：

【解决方案1】：

只有Angular Universal（服务器端渲染）才有可能。每个 javascript 文件都会在浏览器中呈现，要查看页面源，您必须设置 Angular 2 以在服务器端呈现。它对 SEO 优化也很有用。

在this 网站上，您有如何设置它的指南。

对于Angular 5，您必须访问此page，了解更多信息。

例如在NodeJS 上工作，请访问此page

【讨论】：

好的，很好。谢谢@Patryk，但也可以参考任何示例链接？？
感谢您的帮助。需要先理解复杂
从上面的git clone repo 阅读这篇scotch.io/tutorials/… 文章。我认为它会很容易理解。克。
嘿 @Patryk 我关注了链接，但在 import { readFileSync } from 'fs' 时出错；也处理.env.PORT || 4000 找不到模块进程和 join(__dirname,'..','dist') 找不到模块 __dirname。你知道如何解决这个问题
你能告诉我整个 server.ts 吗？但在尝试在 server.ts 顶部导入它之前 import { join } from 'path';