微信小程序(四十三)npm库代码提示

解决方法

在我们在微信小程序项目使用npm库时常常出现提示不准确的情况,因为默认是不支持这类型代码提示的

下面提供一下解决方法

在根目录新建文件

文件名global.d.ts

文件内容

// global.d.ts
import type { Http } from 'wechat-http'

// 扩展到全局对象 wx 中调用
declare global {
  namespace WechatMiniprogram {
    interface Wx {
      http: Http
    }
  }
}

// 返回数据的类型 - <用户自定义业务接口类型>
declare module 'wechat-http' {
  export interface ResponseResultData<T = any> {
    code: number
    message: string
    data: T
  }
}

效果演示:(此前是没有这么准确的代码提示的)

微信小程序(四十三)npm库代码提示_第1张图片

你可能感兴趣的:(微信小程序,微信小程序,npm,小程序)