Angular HammerJS Swipe无法在移动设备上使用或在设备模式下无法使用Google Chrome

Angular HammerJS Swipe无法在移动设备上使用或在设备模式下无法使用Google Chrome,angular,google-chrome,google-chrome-devtools,hammer.js,Angular,Google Chrome,Google Chrome Devtools,Hammer.js,我有一个简单的代码来让网站可切换,当我在桌面上的Google Chrome上测试时,它可以工作,但是当我要在我的移动设备或Google Chrome DevTools设备模式下测试时,它不工作 我试图更改HammerGestureConfig覆盖的值,但当我尝试更改为swipeleft或SwiperRight时,出现了一个错误,只接受swipe覆盖 ... import * as Hammer from 'hammerjs'; import { HammerGestureConfig, HAMM

我有一个简单的代码来让网站可切换,当我在桌面上的Google Chrome上测试时,它可以工作,但是当我要在我的移动设备或Google Chrome DevTools设备模式下测试时,它不工作

我试图更改HammerGestureConfig覆盖的值,但当我尝试更改为swipeleft或SwiperRight时,出现了一个错误,只接受swipe覆盖

...
import * as Hammer from 'hammerjs';
import { HammerGestureConfig, HAMMER_GESTURE_CONFIG, BrowserModule } from '@angular/platform-browser';
import { SwipeComponent } from './components/swipe/swipe.component';

export class HammerConfig extends HammerGestureConfig {
  overrides = {
    swipe: { direction: Hammer.DIRECTION_ALL },
  } as any;
}

@NgModule({
  declarations: [
    ...
    SwipeComponent,
  ],
  ...
  providers: [
    AuthService,
    {
      provide: HAMMER_GESTURE_CONFIG,
      useClass: HammerConfig
    }
  ],
})
export class AppModule { }


我不得不将inputClass更改为Hammer.TouchInput

export class HammerConfig extends HammerGestureConfig  {
  buildHammer(element: HTMLElement): HammerManager {
     return new Hammer.Manager(element, {
      touchAction: 'auto',
      inputClass: Hammer.TouchInput,
      recognizers: [
        [Hammer.Swipe, {
          direction: Hammer.DIRECTION_HORIZONTAL
        }]
      ]
    });
  }
}
export class HammerConfig extends HammerGestureConfig  {
  buildHammer(element: HTMLElement): HammerManager {
     return new Hammer.Manager(element, {
      touchAction: 'auto',
      inputClass: Hammer.TouchInput,
      recognizers: [
        [Hammer.Swipe, {
          direction: Hammer.DIRECTION_HORIZONTAL
        }]
      ]
    });
  }
}