Тип сценария - угловой: статическая ошибка инжектора - PullRequest
Новая
       7

Тип сценария - угловой: статическая ошибка инжектора

0 голосов
/ 08 мая 2018

Привет, я пытаюсь использовать socket.io в моем угловом проекте. Есть три файла, которые я собираюсь показать, которые являются файл компонента и один файл службы и один файл модуля. когда я использую сервис в моем файле компонента, я получаю статическую ошибку инжектора. что:

Ошибка: StaticInjectorError (AppModule) [AppComponent -> WrappedSocket]: StaticInjectorError (Платформа: ядро) [AppComponent -> WrappedSocket]:
NullInjectorError: Нет провайдера для WrappedSocket!

Вот файл компонента: 

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"));
   }

}

Вот файл модуля 

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 { }

Вот файл сервиса 

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"));              
    }
}

любой, кто может решить эту ошибку.

1 Ответ

0 голосов
/ 08 мая 2018

В вашем 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 { }
...