问题标签 [platform-server]

在查看 AOT（提前编译）文档https://angular.io/docs/ts/latest/cookbook/aot-compiler.html#!#compile时，依赖于 platform-server ，目的是什么它 ？似乎只需要运行编译器工具的编译器-cli

我像这样更新，在这里找到

在 Linux/Mac 上： npm install @angular/{common,compiler,compiler-cli,core,forms,http,platform-b​​rowser,platform-b​​rowser-dynamic,platform-server,router,animations}@latest typescript@latest --节省

当我删除 node_modules 然后npm install我得到这个时，

./~/@angular/core/@angular/core.es5.js 中的警告 5889:15-36 严重依赖：依赖的请求是一个表达式

也许这会帮助有人帮助我。这似乎是 ES5 的问题？

控制台中的当前错误。

背景

我的项目运行良好，直到我升级到Angular 4昨晚。现在，当我单击链接而不是加载模块（我是延迟加载）时，它告诉我找不到模块。

错误

ZoneAwareError {__zone_symbol__error：错误：未捕获（承诺中）：错误：找不到模块'./benefits/benefits.module'。错误：不能……}

有没有其他人分享过这种情况或有任何线索如何解决这个问题，甚至如何解决它？我以为没有重大变化Angular 4？

代码示例

包.json

根据这篇文章，使用 Angular 4 的平台服务器实现良好的服务器端渲染的唯一方法是在 Angular ng ejectcli 项目上运行后设置自定义 webpack 配置。

也许这个问题对我来说太天真了，但是有没有办法继续使用默认的 cli webpack 配置文件并利用服务器端渲染？

我是 webpack 的新手，所以我不想从 cli 中弹出。

更新：

这篇博客文章是一个非常好的资源。但是，我现在正在等待 @angular/material 库与 angular universal 兼容（还没有，但应该很快就会推出）。

我正在尝试通过平台服务器渲染将 postcss-loader 添加到 Angular 4，我一直收到如下错误，基本上我想要做的是将 style.scss 作为全局 scss 添加到我的 webpack 进程中，类似于它在cli中的工作方式...

从这里找到的官方说明https://angular.io/guide/aot-compiler，它建议使用命令安装以下 npm 依赖项：

这会将 @angular/compiler-cli 和 @angular/platform-server 添加到 package.json 的依赖项部分

生产需要这些依赖项吗？或者他们可以等效地进入 package.json 文件的 dev-dependencies 部分吗？

我正在按照本指南使用 Angular 平台服务器为我的 Angular cli 应用程序启用通用渲染。我还将我的 angular-cli 和 angular 版本更新到了最新的可用版本。

一切正常，我可以看到预渲染发生了，除非我添加了一个像ngx-facebook这样的外部模块

添加任何外部模块时，ts-node 会抱怨

我使用的每个外部模块都会发生这种情况，例如 ngx-cookie 或 ng2-sticky，这让我觉得我的 tsconfig 中缺少一些设置。

非常感谢您的帮助。

我正在研究 Angular4 项目。我按照本教程集成了服务器端渲染。一切正常，除了一件事。

从 API 服务器解析数据后，我需要更改页面的元标记。我的意思是这样解决：

在当前实现中，服务器发送渲染页面而不解析数据，解析请求发生在客户端。

谁能给我建议如何实现行为，当在服务器渲染上获取数据时，在结果将发送到客户端之前？

我试图在我的platform-server/universal应用程序中使用 get params 来描述一条路线，但到目前为止没有任何成功。

任何人都知道如何定义实现这一目标？

根据我从express路由中了解到的信息，我尝试了以下操作，但最终遇到了错误

路线.ts：

主服务器.ts：

我的组件：

使用此代码，服务器npm start启动时没有错误，但是当我打电话时，我http://localhost:8000/item/thisistheparam在浏览器控制台中遇到以下错误

错误：未捕获（承诺）：错误：无法匹配任何路由。URL 段：'item/thisistheparam'

背景：我将构建一个应用程序的 40 多个语言环境，并将所有页面预渲染为静态 html。

为此，我需要访问每个AppServerModuleNgFactory.

问题：

1-我可以使用 node 从@angular/cli名为build.tsw/o的文件中的包中调用 ng buildexec吗？

由此：

像这样更好的东西：