微信小程序原生开发集成IM服务出现无法找到模块“tim-wx-sdk”的声明文件问题解决

      微信小程序原生开发集成IM服务出现无法找到模块“tim-wx-sdk”的声明文件问题解决：

通过npm命令安装配置：
在终端进入到小程序项目根目录执行：npm install 未初始化的情况下要先 npm init
在“工具”-“npm构建”完成后
终端输入：

npm install tim-wx-sdk --save
npm install cos-wx-sdk-v5 --save

在相关的项目引用js脚本内进行配置：

import TIM from 'tim-wx-sdk';
import COS from "cos-wx-sdk-v5";let options = {SDKAppID: 0 // 接入时需要将0替换为您的即时通信 IM 应用的 SDKAppID
};
// 创建 SDK 实例，`TIM.create()`方法对于同一个 `SDKAppID` 只会返回同一份实例
let tim = TIM.create(options); // SDK 实例通常用 tim 表示// 设置 SDK 日志输出级别，详细分级请参见 setLogLevel 接口的说明
tim.setLogLevel(0); // 普通级别，日志量较多，接入时建议使用
// tim.setLogLevel(1); // release 级别，SDK 输出关键信息，生产环境时建议使用// 注册 COS SDK 插件
tim.registerPlugin({'cos-wx-sdk': COS});

编译工程报错：

    无法找到模块“tim-wx-sdk”的声明文件。
 Try `npm install @types/tim-wx-sdk` if it exists or add a new declaration (.d.ts) file containing `declare module 'tim-wx-sdk';`ts(7016)
   无法找到模块“tim-wx-sdk”的声明文件。
 Try `npm install @types/tim-wx-sdk` if it exists or add a new declaration (.d.ts) file containing `declare module 'cos-wx-sdk-v5';`ts(7016)

按照try提示是配置全局的声明
npm install @types/tim-wx-sdk`
但是没用。
那就创建一个声明的（.d.ts）脚本文件然后把声明放进去(内容如下)

declare module 'tim-wx-sdk'
declare module 'cos-wx-sdk-v5'

文件是：保存成 index.d.ts文件，放在根目录就好。

微信小程序原生开发集成IM服务出现无法找到模块“tim-wx-sdk”的声明文件问题解决相关推荐

【微信小程序-原生开发】实用教程08 - 开通微信云开发，操作云数据库新增数据（含修改数据权限），初始化云服务（含获取微信云环境 id），获取云数据，滚动公告栏
开始前,请先完成圆梦宝典中宫格导航的开发,详见 [微信小程序-原生开发]实用教程 07 - Grid 宫格导航,详情页,侧边导航(含自定义页面顶部导航文字) https://blog.csdn.net ...
微信小程序原生开发功能合集一：微信小程序开发介绍
一.专栏介绍本专栏主要内容为微信小程序常用功能开发过程的介绍说明,包括开发微信小程序常用组件的封装.常用功能的开发等,提供源代码.开发过程讲解视频.完整的课程等. 组件封装: 下拉选择组件. ...
【微信小程序-原生开发】实用教程09 - 可滚动选项，动态列表-步骤条（含事件传参），动态详情（含微信云查询单条数据 doc）
开始前,请先完成圆梦宝典中滚动公告栏的开发,详见 [微信小程序-原生开发]实用教程 08 - 开通微信云开发,操作云数据库新增数据(含修改数据权限),初始化云服务(含获取微信云环境 id),获取云数据 ...
【微信小程序-原生开发】实用教程20 - 生成海报（实战范例为生成活动海报，内含生成指定页面的小程序二维码，保存图片到手机，canvas 系列教程）
可在系列教程的基础上继续开发,也可以单独使用 [微信小程序-原生开发]系列教程效果预览代码实现点击触发生成海报在活动详情页,指定点击某图标/按钮,触发跳转到生成海报的页面 pages\comp ...
微信小程序原生开发实现弹窗遮罩层并且在遮罩层内使用scroll-view实现滚动内容（包括图片）
微信小程序原生开发实现弹窗遮罩层并且在遮罩层内可以滚动内容(包括图片) 效果图这里的遮罩层内容由两张图片构成底图+内部内容实现代码 wxml 使用云开发的存储,自己开发的时候换掉src即可 ...
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表（含Tdesign升级，切换调试基础库，设置全局样式，配置组件按需注入，添加图片素材，wx:for，生命周期 onLoad）
开始前,请先完成首页的开发,详见 [微信小程序-原生开发]实用教程05-首页(含自定义调试模式.插入图片.图文排版.底部留白.添加本地图片) https://blog.csdn.net/weixin_ ...
【微信小程序-原生开发】实用教程05-首页（含自定义调试模式、插入图片、图文排版、底部留白、添加本地图片）
开始前,请先完成启动/欢迎/首屏广告页的开发,详见 [微信小程序-原生开发]实用教程04-启动/欢迎/首屏广告页(含倒计时.添加文字.rpx.定义变量和函数.读取变量.修改变量.wx.reLaunch ...
【微信小程序-原生开发】实用教程02-添加全局页面配置、页面、底部导航
开始前,请先完成项目创建,详见 [微信小程序-原生开发]实用教程01-注册登录账号,获取 AppID.下载安装开发工具.创建项目.上传体验前期准备因我们的项目是根据模板创建的,需先清理掉无效的页面 ...
【微信小程序-原生开发】watch 的实现
微信小程序-原生开发本身并没有 vue 中 watch 的功能,可以通过以下方式实现定义监听器 utils\watch.js /*** 设置监听器*/ export function setWatc ...

微信小程序原生开发集成IM服务出现无法找到模块“tim-wx-sdk”的声明文件问题解决

微信小程序原生开发集成IM服务出现无法找到模块“tim-wx-sdk”的声明文件问题解决相关推荐

最新文章

热门文章