• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

微信小程序使用npm安装包

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

小程序现在支持直接通过npm安装包了,点击这里了解更多。

记录一下我自己的安装步骤及安装过程中遇到的一些问题。希望能够帮助到正在阅读此篇文章的你~

我就直接通过在项目根目录安装miniprogram-datepicker做演示了。

1.在项目根目录下面新建文件夹:node_modules。

 

2.终端进入到node_modules文件夹所在的目录

(注意不是node_modules文件夹里面),在此例中就是根目录了。

执行:

cnpm i miniprogram-datepicker -S --production

我这里做了淘宝镜像映射,所以用的cnpm,如果没有做该映射,你就用npm。

 

3.安装好之后,勾选 “使用npm模块”

 

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

 

这一步完成之后你会看到跟node_modules同级多了一个文件夹 miniporgram_npm

 

 

5.直接引用该模块了

因为这个是自定义组件,所以我们在需要使用 datepicker 的页面page.json中添加 datepicker 自定义组件配置:

{
  "usingComponents": {
    "datepicker": "miniprogram-datepicker"
  }
}

 

我们还可以通过js引入npm包

const myPackage = require(\'packageName\') //方法一
import { myPackage} from \'packageName\' //方法二

 

然而。。。。。

我发现我引用的时候报错。。。。

这个问题我还未解决。。。如果有知道解决方案的,望告知。不甚感激~

官方有文档如下:

所以我觉得它应该会自己找这个模块,一直到根目录。但是事实没有,我不知道是不是我理解错了。。。

 

-----12.26补充-----

出现上面这个问题是因为我用的cnpm安装包,不能用cnpm,只能用npm。

详情可查看:npm安装包引用提示找不到该模块

 -----//12.26补充-----

 

接下来说下遇到的问题:

1.node_modules文件夹需要自己创建。

 

2.执行上面第4步,也就是 构建npm 的时候一直提示 找不到node_modules模块。

原因:

没有package.json文件。

 

解决方法:

在安装npm包的时候,需要用到 -S,完整的命令语句是 npm install 安装包名字 -S --production。

经测试发现,如果没有添加-S就不会生成package.json文件。官方有文档如下:

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序 -- 通过云函数下载任意文件发布时间:2022-07-18
下一篇:
微信小程序使用npm安装第三方包 - ShawYoi发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap