微信小程序npm安装第三方库

最近在开发微信小程序,要提取录音的原始数据,查来查去微信小程序没有开放相关API,心里一凉,后来发现能用第三方包支持。于是开始给小程序安装第三方包,在该过程中采坑无数,特此记录下来,一方面是帮助有需要的朋友,再一个也是怕自己忘了:

  1. 官方步骤

1.1使用npm包

在小程序中执行命令安装 npm 包:

                           

1.2点击开发者工具中的菜单栏:工具 --> 构建 npm

                                     

1.3勾选“使用 npm 模块”选项

                                     

1.4构建完成后即可使用 npm 包。

js 中引入 npm 包

                            

1.5使用 npm 包中的自定义组件

                             

2采坑记录

官方说“在小程序中执行命令安装npm包:”,我以为是在微信开发工具里面的console里面安装,于是得到了如下错误,找了半天原因,坑啊!

                                  

正确做法:应该是打开cmd命令窗口,cd到小程序根目录下,然后运行

npm install miniprogram-datepicker –production

然后在微信开发工具里面:执行1.3步骤,1.2步骤,到此理应是已经完成了,但是还是出现如下错误,心又凉了,继续寻找答案吧

                       

此问题需利用如下步骤解决:

1.进入小程序根目录,打开cmd,输入:npm init

输入命令之后一直点回车

2.输入命令:npm install os --production

执行命令完之后,然后再去微信开发者中点工具-构建npm,然后就成功了,如下图:

                            

终于大功告成啦

PS:微信小程序的官方文档太粗糙,对于开发者不是很友好,貌似有所保留,生怕开发者开发出好东西来!!!

 

发布了23 篇原创文章 · 获赞 26 · 访问量 7万+

猜你喜欢

转载自blog.csdn.net/menghuanshen/article/details/102645696