Angular - 无法解析服务的所有参数（？）答案

【问题标题】：Angular - Can't resolve all parameters for service (?)Angular - 无法解析服务的所有参数（？）
【发布时间】：2018-12-06 14:27:45
【问题描述】：

我在调试简单的 Angular 应用程序时遇到了问题。每当我尝试将服务注入构造函数时，我都会收到一条错误消息：无法解析 LoginService 的所有参数（？）

app.component.ts

import { Component, Injector } from '@angular/core';
import { LoginService } from './login.service';

@Component({
    selector: 'app-home',
    template: require('./app.component.html')
})
export default class AppComponent {

constructor(private loginService: LoginService) {}

}

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable()
export class LoginService {

constructor(private http: HttpClient) {
}

login() {
    // Do http requests here
}

}

app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { HttpClientModule, HttpClient } from '@angular/common/http';

// Components
import AppComponent from './app.component';

//Services
import { LoginService } from './login.service';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, HttpClientModule],
  providers: [LoginService, HttpClient],
  bootstrap: [AppComponent]
})
export default class AppModule {}

似乎是 HttpClient 注入的问题，但我无法弄清楚到底是什么。

你有什么想法吗？

【问题讨论】：

可能是 impott 的路径是错误的，或者可能拼写错误，就像在实际大写 L 中一样，但你拼写小 l
我很确定你的HttpClient 中不需要app.module.ts，它应该只在服务中导入
@Und3rTow，你说得对，谢谢，删除，我快绝望了！

标签： javascript angular angular5

【解决方案1】：

原来是缺少导入！

import 'core-js/es7/reflect';

【讨论】：

很高兴当我从 angular 6 升级到 7 时偶然发现了这个问题，我一直无法解析 HttpXSRFInterceptor 的所有参数......即使我什至没有使用那个拦截器......添加这个到 polyfills.ts 修复问题

【解决方案2】：

如果您已升级到 Angular 9+ 但禁用了 Ivy，并且您使用的是使用 ngc 编译的库并打开了 Ivy，也会发生这种情况。解决方案是升级到 Ivy 或要求库所有者也生成非 Ivy 版本。

【讨论】：