一、小程序npm包導(dǎo)入

注意??：使用 4.X 版本 SDK 目前不支持靜態(tài)引入 SDK，只支持 npm 引入方式

1.1 小程序使用npm

1.根目錄下進(jìn)行npm init，可以與pages目錄同一級(jí)，也可以放到miniprogram同級(jí)，需要配置；init后出現(xiàn)package.json則表示成功了

image.png

2.勾選使用npm模塊

image.png

npm install @rongcloud/imlib-v4

4.點(diǎn)工具構(gòu)建npm，如果你成功了，那恭喜

image.png

沒成功的話，需要進(jìn)一步配置，到project.config.json中，調(diào)整一下配置，目錄可根據(jù)你的實(shí)際目錄進(jìn)行配置

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

image.png

5.引用
成功后會(huì)出現(xiàn)miniprogram_npm文件夾，這時(shí)候到需要引用的地方引用就好了

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

image.png

二、你以為這就成功了嗎，大坑來了

你會(huì)發(fā)現(xiàn)一只報(bào)錯(cuò)

image.png

一開始npm導(dǎo)入就被小程序給搞的亂了，以為又是小程序npm包有什么問題，最后去提交工單問了融云客服，原因是小程序基礎(chǔ)庫(kù)導(dǎo)致，調(diào)到最新的試試就成功了

image.png

到此準(zhǔn)備工作完成了，可以開始進(jìn)行功能調(diào)試了，我搞了一晚哈哈哈