Vuecli3.x使用fastclick报错

最新推荐文章于 2024-05-28 16:41:03 发布

小生鲜

最新推荐文章于 2024-05-28 16:41:03 发布

阅读量981

点赞数 1

分类专栏： Vue Vue+TypeScript VueCli3+FastClick 文章标签： fastclick报错 vuecli+fastclick报错

本文链接：https://blog.csdn.net/weixin_42018166/article/details/103522229

版权

Vue 同时被 3 个专栏收录

3 篇文章 0 订阅

订阅专栏

Vue+TypeScript

3 篇文章 0 订阅

订阅专栏

VueCli3+FastClick

1 篇文章 0 订阅

订阅专栏

使用vuecli3快速搭建项目模板解决移动端300ms延迟需要安装fastclick，当然如果你使用ts还需要安装@types/fastclick

在引入main.ts中是会报错

import  FastClick  from  'fastclick'
FastClick.attach(document.body)

一般这类问题都是使用了ts才报错的，去node-modules下面找到@types/fastclick/index.d.ts文件打开修改里面内容就可以解决

// Type definitions for FastClick v1.0.3
// Project: https://github.com/ftlabs/fastclick
// Definitions by: Shinnosuke Watanabe <https://github.com/shinnn>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped

interface FastClickObject {
  lastTouchIdentifier: number;
  layer: Element;
  tapDelay: number;
  targetElement: any;
  touchBoundary: number;
  touchStartX: number;
  touchStartY: number;
  trackingClick: boolean;
  trackingClickStart: number;
  destroy(): void;
  determineEventType(targetElement: any): string;
  findControl(labelElement: any /* EventTarget | HTMLLabelElement */): any;
  focus(targetElement: any /* EventTarget | Element */): void;
  getTargetElementFromEventTarget(eventTarget: EventTarget): any;
  needsClick(target: any /* EventTarget | Element */): boolean;
  needsFocus(target: any /* EventTarget | Element */): boolean;
}

interface FastClickOptions {
	touchBoundary?: number;
	tapDelay?: number;
}

interface FastClickStatic {
	new(layer: any, options?: FastClickOptions): FastClickObject;
	attach(layer: any, options?: FastClickOptions): FastClickObject;
}

declare module "fastclick" {
  var FastClick: FastClickStatic;
	export = FastClick;
}

declare var FastClick: FastClickStatic;

可以参照github有介绍

重新运行npm run serve就可以了