Angular Testing ，socket.io "NullInjectorError: No provider for WrappedSocket"

Question

我正在 Angular 上运行测试，但使用 ngx-socket-io 的套接字服务失败。它适用于开发，但不适用于测试。它没有正确创建组件。

Test failure

我的服务.spec.ts

import { TestBed } from '@angular/core/testing';
import { SocketService } from './socket.service';

describe('SocketService', () => {
  let service: SocketService;

  beforeEach(() => {
    TestBed.configureTestingModule({
    });
    service = TestBed.inject(SocketService);
  });

  it('should be created', () => {
    expect(service).toBeTruthy();
  });
});

我的服务

import { Injectable } from '@angular/core';
import {Socket} from 'ngx-socket-io';

@Injectable({
  providedIn: 'root'
})
export class SocketService {
  constructor(private socket: Socket) { }

  getD1Data() {
    return this.createObserver('d1');
  }

  private createObserver(event: string) {
    return this.socket.fromEvent(event);
  }

我尝试添加提供程序 [WrappedSocket] 说实话，这是一个自动修复选项，但这会导致更多错误。

import {WrappedSocket} from 'ngx-socket-io/src/socket-io.service';

describe('SocketService', () => {
  let service: SocketService;

  beforeEach(() => {
    TestBed.configureTestingModule({
      providers: [WrappedSocket]
    });
    service = TestBed.inject(SocketService);
  });


Error: ./src/app/modules/socket.service.spec.ts
Module not found: Error: Can't resolve 'ngx-socket-io/src/socket-io.service' in 'C:\Users\catha\project - Copy\src\app\modules'

考虑到它是自动填充，我实际上不确定它怎么可能存在。

关于如何解决这个问题有什么想法吗？我尝试了一系列提供程序 [Socket] 、 [SocketIOModule] 但似乎没有任何效果

Answer 1

我在一台机器上遇到了同样的问题，但在另一台机器上没有遇到这个问题。我在两台机器上都有完全相同版本的软件包。我做了一些不同的处理，以避免直接使用 ngx-socket-io 包中的可注入(inject) Socket:

1. 我已经创建了app-socket.service.ts:

import { Injectable } from '@angular/core';
import { Socket, SocketIoConfig } from 'ngx-socket-io';

const config: SocketIoConfig = { 
    url: 'http://127.0.0.1:8000', 
    options: {
        autoConnect: false
    } 
};

@Injectable({
    providedIn: 'root'
})
export class SocketService extends Socket {

    constructor() {
        super(config)
    }
}

然后在 app.module.ts 中我提供了一个提供程序:

  providers: [
    SocketService
  ],

最后我可以将提供程序注入(inject)到我的组件中:

  constructor(
    private socket: SocketService
  )

它有效!