使用构造函数后,角度组件不是已知元素 headerService.ts带有构造函数参数的组件没有构造函数参数的组件ng 版本

问题描述

我在我的 app.component.html 中引用了自定义组件。如果我向该自定义组件的构造函数添加任何参数,我会收到错误

'component' 不是已知元素

我想在自定义组件中使用一个服务,这就是为什么我需要添加private readonly headerService: HeaderService

网站渲染没有任何问题,我只看到视觉代码上的错误,ng serve没有任何反应。

headerService.ts

import { Injectable } from '@angular/core';

@Injectable({ providedIn: 'root' })
export class HeaderService {
  constructor() {}
}

带有构造函数参数的组件

enter image description here

没有构造函数参数的组件

enter image description here

ng 版本

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1102.12
@angular-devkit/build-angular   0.1102.12
@angular-devkit/core            11.2.12
@angular-devkit/schematics      11.2.12
@angular/cdk                    11.2.12
@angular/cli                    11.2.12
@angular/material               11.2.12
@schematics/angular             11.2.12
@schematics/update              0.1102.12
rxjs                            6.6.7
typescript                      4.1.5

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)