问题标签 [angular-universal]

我正在尝试在 Heroku中部署Angular Universal Starter的示例。

任务npm start失败，因为它无法识别 ts-node。

有没有办法使用 ts-node 在 Heroku 上进行部署？

我有一个 ASP.NET 网站，我正在尝试将一些 Angular 2 内容合并到其中。网站上有各种各样的页面，有很多静态内容。在某些页面上，我需要渲染一些呈现为 Angular 2 应用程序的动态内容。

这在客户端不是问题，因为我已经设法遍历占位符元素（由data-dynamic-app它们上的属性标识），并为每个元素引导适当的 Angular 应用程序。十分简单。

但是，出于 SEO 的原因，我需要添加服务器端渲染，以便页面的 Angular 部分在它们到达客户端代码之前被渲染。挑战在于，我正在尝试将其构建到现有的 Visual Studio 解决方案中，用于通过 IIS 提供服务的 ASP.NET 网站，但我不确定如何去做。

我一直在脑海中构思想法，但作为一个没有 Angular Universal 经验的前端开发人员，我无法确定哪些想法是完全疯狂的，哪些实际上可能会让我有所收获。以下是我脑海中闪过的几件事：

• 通过 Angular Universal 代理 ASP.NET 应用程序的整个 HTML 输出，并预渲染动态部分。
• 使用在 ASP.NET Core 中完成并内置 AngularUniversal 的Angular2Spa应用程序，并以某种方式使其从现有的 ASP.NET 站点中提取内容。

以上可能或可能根本没有任何意义，我不知道它们的“如果”或“如何”。我对 ASP.NET、IIS 甚至 Angular Universal 都不熟悉。因此，任何澄清/改进上述内容的想法，或完全不同和更好的想法都将不胜感激。

请帮助解决这个问题。

在用于导入 jquery 插件的 angular2-webpack-starter中，我正在这样做：在 webpack.config 中，在 ProvidePlugin 中定义 jquery变量：

jQuery：'jquery'，$：'jquery'，

... 等等。

在 ts 组件中，我正在导入插件，例如：

一切正常，在 console.log 中显示了库。

你能帮忙在angular2 通用 webpack中做什么吗？？？

我也在做同样的事情，但是开始时

它抛出错误

I cloned universal-starter (webpack version) and have it up and running on my local machine using npm start and npm run watch per the instructions

Now stuck after npm run build and attempting to deploy to Azure (and Google Cloud) via the github integration - can't figure out how to set up either to work.

Anyone have a recipe on how to get the webpack bundled files to fire up on an external host with express.js? Do I need to run commands via a CI integration? The files in /dist don't seem to stand on their own.

我正在使用 angular-universal 的入门演示。该模板在 /home 和 /about 两个按钮上有两条路由。在这两个页面中，我从 api 请求不同的数据。问题是当我单击另一个按钮（/about）时，组件的构造函数请求数据，但不初始化组件。所以我在网上看不到数据。但是，如果我确实双击该按钮，则会调用 init 并显示数据。

我在做什么坏事？对不起我的英语不好！谢谢

编辑：已解决，如果我从 index.html 中删除这一行，问题就解决了：

当我访问 www.myweb.com/something 时，网络将显示以下消息：

这是我的 app.routes：

我使用角度通用，所以我有另一个名为 server.ts 的文件，其中包含以下代码：

问题出在哪里？谢谢！

我正在使用 Angular Universal 编写一个应用程序，这迫使我使用 Angular 2 RC 4，因为 Angular Universal 与 RC5 不兼容。

我正在寻找 Angular 2 RC 4 的文档，以了解将 @angular/core/testing 与 webpack 一起使用的正确方法。有谁知道我在哪里可以找到它？或者有没有人有 Angular 2 RC4 + webpack + karma 配置的例子？

谢谢

我正在搜索一个关于 Angular 2 的 SEO 或 Metatags 的完整工作示例，使用 Angular 通用在服务器端呈现（由 facebook、twiter 和其他元标记识别），但我没有成功..

我找到了多篇文章，但有不完整（没有所有源代码可用）或最旧（未使用最新版本编译）：

a) blog.devcross.net/2016/04/17/angular-2-universal-seo-friendly-website/ 注意：带有源代码的优秀帖子，但它不起作用。

b）builtvisible.com/universal-angular-2-server-side-rendering-seo-crawl-friendly/ 注意：非常有用，但没有完整的源代码。

c) https://gist.github.com/kaaboeld/851bc3190eec67f6723c6054751ee2dc

注意：不完全工作的例子。可能是最好的方法..

d) https://github.com/angular/universal/issues/454 注意：它是 c 选项的变体，有一些修复...

你有任何完整的工作示例吗？

提前致谢

我正在尝试将我的 AngularJS 应用程序转换为 Angular 2 Universal 应用程序（因为服务器端渲染）。

https://github.com/angular/universal-starter

现在我需要存储可以在普通 Angular 2 应用程序中轻松实现的全局变量（根据下面的链接）。

Angular 2 全局变量

Angular 2 - 存储全局变量（如身份验证令牌）以便所有类都可以访问它们的最佳方法是什么？

要在普通的 angular 2 App 中实现这一点，您必须做的一件事是将您的全局服务传递给引导程序。

我不认为你可以在 Angular 2 通用应用程序中做到这一点，除非我遗漏了一些东西。

我想存储用户数据并在应用程序中使用它。就像 asp.net 中的 Session 数据一样。而且这需要在不制作父子组件的情况下完成

如何在 Angular 2 Universal App 中存储全局变量？

谢谢法赫德穆拉吉

我已经使用 Angular Universal 工作了几个星期，我注意到许多 Angular Universal 实例都有一个位于根目录的server.ts文档。

这个server.ts文件导入了几个通常可以从 /typings 目录获得的 TypeScript 安装。但是，有一个导入库在 Atom IDE 中编辑时总是会触发错误，并且不允许我编译文件，只能发出它：

到目前为止，我还没有弄清楚这个“路径”库的确切来源。我尝试使用 TypeScript 本身安装它：

我收到以下错误：

任何熟悉此“路径”导入参考及其确切来源的人吗？

谢谢。