ionic3 点图标，弹出聊天表情区域功能模块 报错

Question

点图标，弹出聊天表情区域功能模块。报错如下：

ChatDetailsPage.html:44 ERROR Error: StaticInjectorError[HttpClient]: 
  StaticInjectorError[HttpClient]: 
    NullInjectorError: No provider for HttpClient!
    at _NullInjector.get (core.js:923)
    at resolveToken (core.js:1211)
    at tryResolveToken (core.js:1153)
    at StaticInjector.get (core.js:1024)
    at resolveToken (core.js:1211)
    at tryResolveToken (core.js:1153)
    at StaticInjector.get (core.js:1024)
    at resolveNgModuleDep (core.js:10585)
    at _createClass (core.js:10622)
    at _createProviderInstance$1 (core.js:10596)
View_ChatDetailsPage_1 @ ChatDetailsPage.html:44
DebugContext_.logError @ core.js:14680
ErrorHandler.handleError @ core.js:1411
IonicErrorHandler.handleError @ ionic-error-handler.js:61
(anonymous) @ core.js:5793
t.invoke @ polyfills.js:3
r.run @ polyfills.js:3
NgZone.runOutsideAngular @ core.js:4577
ApplicationRef.tick @ core.js:5793
(anonymous) @ core.js:5619
t.invoke @ polyfills.js:3
onInvoke @ core.js:4629
t.invoke @ polyfills.js:3
r.run @ polyfills.js:3
NgZone.run @ core.js:4446
next @ core.js:5619
schedulerFn @ core.js:4223
SafeSubscriber.__tryOrUnsub @ Subscriber.js:238
SafeSubscriber.next @ Subscriber.js:185
Subscriber._next @ Subscriber.js:125
Subscriber.next @ Subscriber.js:89
Subject.next @ Subject.js:55
EventEmitter.emit @ core.js:4203
checkStable @ core.js:4594
onLeave @ core.js:4673
onInvokeTask @ core.js:4623
t.invokeTask @ polyfills.js:3
r.runTask @ polyfills.js:3
e.invokeTask @ polyfills.js:3
p @ polyfills.js:2
v @ polyfills.js:2
ChatDetailsPage.html:44 ERROR CONTEXT DebugContext_ {view: {…}, nodeIndex: 2, nodeDef: {…}, elDef: {…}, elView: {…}}

Answer 1

检查是否导入HttpClientModule，没有请添加到AppModule

@NgModule({
  imports: [
    BrowserModule,
    // Include it under 'imports' in your application module
    // after BrowserModule.
    HttpClientModule,
  ],
})
export class AppModule {}