时间戳

首页 > 解决方案 > 多个组件将节点与标记名 app-lobby 匹配

angular - 多个组件将节点与标记名 app-lobby 匹配

问题描述

代码在角度版本 8.3.4 上运行良好，但是当我将其更新到最新版本的角度（9）时，出现以下错误

以下是堆栈跟踪

core.js:3866 ERROR Error: Uncaught (in promise): Error: Multiple components match node with tagname app-lobby
Error: Multiple components match node with tagname app-lobby
at throwMultipleComponentError (core.js:5511)
at findDirectiveDefMatches (core.js:8276)
at resolveDirectives (core.js:8080)
at elementStartFirstCreatePass (core.js:14215)
at ɵɵelementStart (core.js:14249)
at Module.ɵɵelement (core.js:14324)
at MainComponent_Template (main.component.html:1)
at executeTemplate (core.js:7562)
at renderView (core.js:7387)
at renderComponent (core.js:8577)
at resolvePromise (zone.js:836)
at resolvePromise (zone.js:795)
at zone.js:897
at ZoneDelegate.invokeTask (zone.js:431)
at Object.onInvokeTask (core.js:27769)
at ZoneDelegate.invokeTask (zone.js:430)
at Zone.runTask (zone.js:198)
at drainMicroTaskQueue (zone.js:611)
at ZoneTask.invokeTask (zone.js:517)
at ZoneTask.invoke (zone.js:502)

标签： angular

解决方案

应该考虑上面关于声明DatePipe的两个答案。providers今天我在private datePipe: DatePipe组件的构造函数中添加一个参数而没有DatePipe在模块的provider. 添加DatePipe后providers，我没有更多的问题。

构造函数：

constructor(private authenticationService: AuthenticationService, private datePipe: DatePipe) {}

推荐阅读