typescript 键入脚本 - 角度：静态注入器错误
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/50233403/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Type script - angular : static injector error
提问by Adil
Hi i am trying to use socket.io in my angular project. there are three files which i am going to show which are component file and one service file and one module file. when ever i use service in my component file i get the static injector error. which is:
嗨，我正在尝试在我的 angular 项目中使用 socket.io。我将展示三个文件，它们是组件文件、一个服务文件和一个模块文件。每当我在组件文件中使用服务时，都会出现静态注入器错误。即：
Error: StaticInjectorError(AppModule)[AppComponent -> WrappedSocket]: StaticInjectorError(Platform: core)[AppComponent -> WrappedSocket]:
NullInjectorError: No provider for WrappedSocket!
错误：StaticInjectorError(AppModule)[AppComponent -> WrappedSocket]: StaticInjectorError(Platform: core)[AppComponent -> WrappedSocket]:
NullInjectorError: No provider for WrappedSocket！
Here is the Component file:
这是组件文件：
import { Component } from '@angular/core';
import { cheema2 } from './practice.service';
import { Injectable } from '@angular/core';
import { Socket } from 'ng-socket-io';
@Component
({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
@Injectable()
export class AppComponent
{
constructor(private socket: Socket) { }
sendMessage(msg: string){
this.socket.emit("message", msg);
}
getMessage()
{
console.log( this.socket.fromEvent("message"));
}
}
Here is the Module file
这是模块文件
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { SocketIoModule, SocketIoConfig } from 'ng-socket-io';
const config: SocketIoConfig = { url: 'http://localhost:4200', options: {}
};
import { AppComponent } from './app.component';
@NgModule
({
declarations:
[
AppComponent
],
imports: [
BrowserModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Here is the service file
这是服务文件
import { Injectable } from '@angular/core';
import { Socket } from 'ng-socket-io';
@Injectable()
export class cheema2
{
constructor(private socket: Socket) { console.log("adil"); }
sendMessage(msg: string){
console.log("sharif");
this.socket.emit("message", msg);
}
getMessage() {
console.log( this.socket.fromEvent("message"));
}
}
any one who can solve this error.
任何可以解决此错误的人。
回答by Jens Habegger
You're missing an import in your AppModule:
您在 AppModule 中缺少导入：
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { SocketIoModule, SocketIoConfig } from 'ng-socket-io';
const config: SocketIoConfig = {
url: 'http://localhost:4200', options: {}
};
import { AppComponent } from './app.component';
@NgModule ({
declarations: [
AppComponent
],
imports: [
BrowserModule,
SocketIoModule.forRoot(config) <<< ADD THIS
],
providers: [],
bootstrap: [AppComponent] })
export class AppModule { }
