问题标签 [angular11]

在我的 Angular 11 应用程序中，我使用了延迟加载路由功能和共享模块功能。如果我在两个不同的功能模块中导入相同的模块，那么我发现 Angular 下载了另一个中间 js 文件。下面是我的示例代码。

客户模块：

订单模块：

应用路由模块：

以下是浏览器网络选项卡屏幕截图。

它显示加载了一个名为 default~customers-customers-module~orders-orders-.module.js 的额外 js 文件。Github 链接https://github.com/mustafizur8888/angular-lazyloading 那么如何解决呢？谢谢。

我在执行命令时使用的是 Webpack 5 和 Angular 11 ng build --prod && ng run test-app:server:production

在控制台中，它给了我一条错误消息：

并且目录没有被构建：dist/test-app/server/main.js 它只创建自己：dist/test-app/browser/

我不知道我在哪里配置了错误的文件。请帮忙。我不知道我做错了什么。

包.json：

角.json：

服务器.ts：

注释掉这行代码：

并执行命令 ng build --prod && ng run test-app: server: production 不显示错误。

TestRoute 类包含对库的引用并连接到数据库：

tsconfig.app.json

tsconfig.json

tsconfig.server.json

webpack.server.config.js

文档https://www.npmjs.com/package/msnodesqlv8说我添加了一行：

但错误仍然存​​在：

我不知道我还应该改进什么。

谢谢您的帮助

应用示例基于： https ://www.ganatan.com/tutorials/server-side-rendering-with-angular-universal

我在 Angular 11 中有一个反应式表单，我正在尝试在表单的自定义验证器中执行日期解析函数，但是，我在浏览器终端上收到一个错误，提示该函数未定义.. 似乎验证器在函数定义之前运行.. 但是为什么呢？有针对这个的解决方法吗？

我的应用程序有效，我只是在自定义验证器中重复了函数的代码，一切都很好..但我不应该重复代码......

我的 .ts 的构造函数：

我在同一个 .ts 文件中的日期解析函数：

我的 dateValidaors() 函数（都在相同的组件 ts 中：

错误是：

错误错误：未捕获（承诺）：TypeError：无法访问属性“parseToDateFormat”，这是未定义的 dateValidators@http://localhost:4200/main.js:1811:5

同样，我的解决方案是将解析函数的逻辑复制粘贴到验证器中，但重复代码。

有人可以解释一下吗？

我已按照本教程进行操作，效果很好，但是当我尝试 dockerize 时，构建正常，但是当我运行映像时出现错误：错误：找不到模块'express'

DockerFile

我的 dist 结构是：

分布\应用

• 浏览器 -- en -- fr
• 服务器 -- en -- fr proxy-server.js

代理服务器.js

可选问题：您是否有正确的方法将 I18n 与 Angular SSR 一起使用？

问题：如何修复我的 Docker 映像以导入 node_modules？

谢谢

我有一些代码可以在 ngfor 循环中从组件类型呈现一组组件

以上formComponent.component是Type<GenericFormComponent>

当我运行它时，它会很好地呈现，并且组件会按应有的方式创建。但是当我尝试获取这些组件的列表以便我可以访问实例时，我一直不确定；

我试图做的。

最明显的

然后我也试过了

我还尝试使用为我的组件提供注入令牌

这些方法都不起作用。

是否可以访问使用 ngfor ngComponentOutlet 创建的组件？

请注意，这是在 Angular 11 上。

我正在尝试编写端到端测试。我正在使用cytoscape.js和 angular 11。Cytoscape.js不断渲染画布以进行图形可视化。所以变更检测总是被触发。为了消除我正在使用如下的runOutsideAngular方法ngZone

因此，通过这种方式，变化检测不会不断触发。

我还使用以下代码检查在我的主要角度分量中检测到的变化。

我的问题是端到端测试。在测试中，即使没有任何更改（我正在打开开发者控制台并检查）并且网站看起来很空闲，我看到测试仍在等待某些东西。它等待 5-6 秒。这使我所有的测试都花费了太多时间。

我怀疑waitForAngular。但既然没有变化，那应该不是原因。

有任何想法吗？谢谢

我正在尝试在我的角度项目中制作一些自定义搜索过滤器，它工作正常，但在我的 vscode 中出现错误。在我之前的项目中，更新我的 cli 后它工作正常，但出现这样的错误。我该如何解决这个错误？

提前致谢

类型 'unknown' 不可分配给类型 'any[] & Iterable'

我使用角度 11。

组件.ts

管道.ts

包.json

我正在使用 angular 11 并尝试实现分页

HTML

app.module.ts

......

订单组件

项目编译正常

那么为什么会发生这个错误呢？我只想要基本的分页而不是自定义的分页。Angular 11 是否存在兼容性问题？

嗨，我是 Angular 11 的新手，谁能帮我解决这个错误 - 这是我的代码。

checkout.component.html

我在 <span *ngIf="checkoutForm.get('emailAddr').hasError('required')">输入电子邮件地址处收到错误

checkout.component.ts