Question

这是我的代码。我们怎样才能将socket.io与Angular一起使用。？

import { Component } from '@angular/core';

import { createServer, Server } from 'http';

import * as express from 'express';

import * as socketIo from 'socket.io';





const SERVER_URL = 'localhost:4200';

@Component({




  selector: 'app-root',

  templateUrl: './app.component.html',

  styleUrls: ['./app.component.css']

})

export class AppComponent {


  public static readonly PORT:number = 8080;

  private app: express.Application;

  private server: Server;

  **"private io: SocketIO.server;"**  ////at this line i get error that cannot find namespace SocketIO

  private port: string | number;


}

我正在尝试在我的角应用中使用socket.io。而且我在粗线看到了错误。任何人都帮助我，为什么我收到这个错误？

Answer 1

这不是使用Socket.io的最佳方式，我建议你使用这个模块

https://github.com/bougarfaoui/ng-socket-io

在项目中安装

npm install ng-socket-io

然后将其添加到您的应用模块

import { SocketIoModule, SocketIoConfig } from 'ng-socket-io';

const config: SocketIoConfig = { url: 'http://localhost:8988', options: {} 
};

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    SocketIoModule.forRoot(config) 
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

然后，您将能够在从注射剂扩展的服务中使用它。

Answer 2

https://www.npmjs.com/package/ngx-socket-io

npm install ngx-socket-io

比ng-socket-io好，因为不需要rxjs-compat。

Answer 3

ngx-socket-io是我使用的-非常适合Angular 6

我们怎样才能将socket.io与Angular一起使用。

3 个答案: