一、小程序npm包导入

注意⚠️：使用 4.X 版本 SDK 目前不支持静态引入 SDK，只支持 npm 引入方式

1.1 小程序使用npm

1.根目录下进行npm init，可以与pages目录同一级，也可以放到miniprogram同级，需要配置；init后出现package.json则表示成功了

image.png

2.勾选使用npm模块

image.png

npm install @rongcloud/imlib-v4

4.点工具构建npm，如果你成功了，那恭喜

image.png

没成功的话，需要进一步配置，到project.config.json中，调整一下配置，目录可根据你的实际目录进行配置

"packNpmManually": true,
    "packNpmRelationList": [
      {
        "packageJsonPath": "/miniprogram/package.json",
        "miniprogramNpmDistDir": "/miniprogram"
      }

image.png

5.引用
成功后会出现miniprogram_npm文件夹，这时候到需要引用的地方引用就好了

const RongIMLib = require('@rongcloud/imlib-v4')

image.png

二、你以为这就成功了吗，大坑来了

你会发现一只报错

image.png

一开始npm导入就被小程序给搞的乱了，以为又是小程序npm包有什么问题，最后去提交工单问了融云客服，原因是小程序基础库导致，调到最新的试试就成功了

image.png

到此准备工作完成了，可以开始进行功能调试了，我搞了一晚哈哈哈