问题标签 [angular2-universal]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
94 浏览

angular - angular2 univesral - 警告:您的应用程序需要很长时间才能呈现应用程序

我处于开发模式,使用 angular2 通用进行简单测试。

我在日志中收到此消息:

我同意....jeesh它需要几秒钟才能加载。我该如何重新恋爱?我在我的 Mac 上本地运行。

因此,发出请求所需的时间约为 90 秒。然后我的 api 服务器被命中,我看到 2 个请求。所以它不是烧瓶 fyi 的 api 服务器。如果我重新加载相同的请求,那么很快。只有新端点。

这是我的应用程序组件:

0 投票
1 回答
882 浏览

angular - TypeError:str.replace 不是函数(Angular 2 Universal)

我正在使用Angular 2 Universal

我在 html 部分有这一行:

它在客户端完美运行,但在页面加载时在终端中显示此错误(由于服务器渲染):

渲染文档错误:TypeError:str.replace 不是函数

0 投票
3 回答
2219 浏览

javascript - 当网站上的文档过时时如何安装 Angular2 Universal?

angular2-universal的维护者没有更新他们的网站:

问题 1)

问题2)

我该如何解决?我正在使用Mac。

0 投票
0 回答
168 浏览

javascript - 覆盖或退出 Angular 2 指令/组件编译

该问题考虑了应在应用程序范围内编译组件的任何环境(依赖于平台的构建)。因此,该解决方案可能会从 Angular 2 测试中借用模拟技术,但应该应用于生产(包括 AoT)。

考虑到我们有一个现有的客户端浏览器应用程序,我们可能希望禁用其他平台上的某些组件的编译或完全覆盖这些组件(Angular Universal 服务器端渲染或移动应用程序)。

有些指令和组件不应该在其他平台上编译,因为它们是不可取的。IE

应用程序初始化后应保持不变。

有必要涵盖两种情况:

  • 防止指令/组件编译
  • 使用具有相同选择器的替换或存根覆盖指令/组件

在 AngularJS 中,它就像有条件地向应用程序添加指令并在需要的地方使用它一样简单:

或者使用装饰器修改定义的组件/指令的行为:

Angular 2 中是否有这些 Angular 1.x 技巧的对应物?

如何以最少的 WET 代码覆盖或阻止在 Angular 2 中编译指令和组件?

0 投票
1 回答
4936 浏览

angular - 在 myproject@1.0.0 构建脚本“webpack”中失败

我正在使用通用启动器作为主干。

当我运行时npm start,我得到了错误:

我尝试了这里提到的绕过方式,它让 webpack 回到版本 2.1.0-beta.22

但是,我仍然遇到了这个问题。

还有其他可能导致此问题的原因吗?谢谢

0 投票
1 回答
572 浏览

angular - 如何在通用启动器中启用缩小?

如何启用angular/universal-starter 的缩小?

现在浏览器加载一个 3.4MB 的index.js文件:

在此处输入图像描述

enableProdMode负责缩小?

如果是,universal-starter 现在确实enableProdModeserver.tsclient.ts中。

如果没有,如何启用缩小?谢谢

0 投票
1 回答
380 浏览

node.js - angular2 通用非常不稳定 - [nodemon] 应用程序崩溃 - 启动前等待文件更改

我发现 Angular 类的入门回购非常非常不稳定,或者只是关于我如何使用它。我的代码在本地运行与远程相同的服务,但我得到以下

我遵守了规则

我得到以下最轻微的错误:

这怎么会使服务器崩溃?我必须杀死并重新启动。

我使用 angular2 n 生产没有问题。angular2 通用是相当有问题的。

如何优雅地解决?还是我没有在生产中正常服务?

0 投票
1 回答
253 浏览

node.js - Angular 2 通用快速入门 - 要求“ProvideRouter”不起作用

我正在尝试使用快速入门为 Angular Universal 设置我的项目

但这并不顺利,尝试安装类型时出现了很多错误:

然后我添加了 server.js 文件并尝试使用以下命令运行它node server.js

我问了一个关于它的问题并得到了一个答案,所以接受了它,但我无法成功地实现答案:

得到这个错误:

因为那个级别没有providerRouter。如何使用 require 导入它?

这是我的@angular文件夹:

在此处输入图像描述

如何编辑我的require语句以正确导入所需的模块?

我的 package.json 显示正在使用的版本:

0 投票
1 回答
1216 浏览

node.js - 在 Angular Universal 应用程序中从 ExpressJS 获取值

我正在构建一个 Angular2 Universal 应用程序,并且正在集成ng2-translate

服务器端我需要知道用户的语言,我可以通过(参见文档)从ExpressJS获得。request.acceptsLanguages()

我确实正确地得到了这些值server.ts

然后我不知道如何在我为服务器app.node.module.ts设置的位置传递它们或访问它们。ng2-translate

有没有办法从 Angular Universal 应用程序(服务器端)访问这些值?如何?

0 投票
0 回答
169 浏览

angular - Angular UNIVERSAL 无法使用 Angularfire2 渲染

亲爱的真棒助手社区。

这是我的第一个问题!!!并很高兴与您分享。

我正在使用 angular2 开发我的网络应用程序,现在我想将它重构为 Angular Universal。

在我的应用程序中,我使用 Angularfire2 并且在 Angularfire2 库中有以下提供程序:

_getWindowLocation 指的是 window.location,我们都知道 AngularUniversal “永远不要触摸 DOM”。

我只在用户交互后使用 angularfire2,服务器端渲染部分不需要它。

现在我明白我必须执行一种 DI 交换并遵循 Patrick 和 Jeff ng-conf Video 我无法交换一些在 angularfire2 库中调用的提供程序。

有人有解决这个问题的方法吗?或者有人可以分享一个我可以学习并应用于 angularfire2 问题的 DI 交换示例吗???

首先十分感谢。

哈维尔