访问时 Angular 2 应用程序控制台中的 StaticInjectorError

Question

我正在尝试使用 Angular 2 实现一个示例项目。在这里，我划分了不同的子模块并导入到我的app.module.ts中。服务我也从服务部分导入。并定义到不同组件的路由。运行时，我收到以下错误消息：

ERROR Error: Uncaught (in promise): Error: StaticInjectorError(AppModule)[UserrequestService -> String]:

整个错误堆栈如下所示：

ERROR Error: Uncaught (in promise): Error: StaticInjectorError(AppModule)[UserrequestService -> String]: 
StaticInjectorError(Platform: core)[UserrequestService -> String]: 
NullInjectorError: No provider for String!
Error: StaticInjectorError(AppModule)[UserrequestService -> String]: 
StaticInjectorError(Platform: core)[UserrequestService -> String]: 
NullInjectorError: No provider for String!
at NullInjector.push../node_modules/@angular/core/fesm5/core.js.NullInjector.get (core.js:8896)
at resolveToken (core.js:9141)
at tryResolveToken (core.js:9085)
at StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get (core.js:8982)
at resolveToken (core.js:9141)
at tryResolveToken (core.js:9085)
at StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get (core.js:8982)
at resolveNgModuleDep (core.js:21218)
at _createClass (core.js:21265)
at _createProviderInstance (core.js:21235)
at resolvePromise (zone.js:831)
at resolvePromise (zone.js:788)
at zone.js:892

我读到的是关于从角度/核心移植旧版本的 HttpModule 的问题。我尝试从angular/common/http导入HttpClientModule。但是错误没有变化。并且还添加了来自angular/core的HttpModule。但同样没有变化，错误还是一样。

在这里，我添加了我的app.module.ts：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { BrowserAnimationsModule} from '@angular/platform-browser/animations';
import { ReactiveFormsModule, FormsModule } from '@angular/forms';
import { FlexLayoutModule } from '@angular/flex-layout';
import { HttpClientModule } from '@angular/common/http';
@NgModule({
declarations: [
AppComponent,
FilterPipe
],
imports: [
HttpClientModule,
BrowserModule,
BrowserAnimationsModule,
FormsModule,
ReactiveFormsModule,
ApprouterModule,
MaterialModule,
FlexLayoutModule,
],
providers: [HttpClientModule],
bootstrap: [AppComponent]
})
export class AppModule { }

我的代码哪里出了问题？

Answer 1

从提供程序中删除 HttpClientModule。 您是否尝试将UserrequestService放入提供程序中？ 或者编写服务装饰器，例如： @Injectable({ 提供："根"， })