角度，无法解析组件的所有参数

Question

错误信息：

Error: Can't resolve all parameters for LoginCompComponent: ([object Object], [object Object], [object Object], [object Object], ?).
Evaluating src/main.ts
Booting application

该组件如下所示：

进口：

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import {MatSnackBar} from '@angular/material';
import { MatButtonModule, MatCheckboxModule } from '@angular/material';
import { OverlayReference } from './overlay-ref';

import { UsersService } from '../service/users.service';
import { OverlayService } from '../service/overlay.service';
import {TranslatePipe} from '../service/translate.pipe';
import {TranslationService} from '../service/translation.service';

建设者：

  constructor(
    private router: Router,
    private usersService: UsersService,
    //private overlay: OverlayService,
    public translationService: TranslationService,
    public snackBar: MatSnackBar,
) {}

奇迹是，如果你对此有何评论的overlay:OverlayService它会很好地工作，如果我取消这条线就会死亡，在一开始的错误消息。 有什么想法吗？

如果您想查看整个内容， 这是一个StackBlitz链接。

Answer 1

您的TypeScript模块之间具有循环依赖关系：OverlayService导入LoginComponent，而LoginComponent导入OverlayService。

重构代码以避免这种情况。

Answer 2

您导入import { LoginCompComponent } from '../login-comp/login-comp.component'在OverlayService，你也进口import { OverlayService } from '../service/overlay.service'; 在LoginComponent中 。

非常非常糟糕的做法:)需要重构