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

微信小程序开发者工具构建npm提示没找到node_modules目录

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

 

 

一、官网给的文档写的不够充分,需要你充分理解npm的使用方法,才能明白的;

二、第一步:先在你电脑上安装npm 参考下面文章

https://www.cnblogs.com/zmdComeOn/p/11543441.html

三、第二步:

       1、第一步:打开终端 cd 到项目目录下 输入如下命令 npm init 如下图所示

    

 

    输入命令后一直点回车,如下图:

    

       2、第二步:输入如下命令 npm install --production

       3、第三步:输入如下命令 npm i vant-weapp -S --production  (此命令为要构建的代码包,如果想构建其他代码包,只需输入其他对应的命令即可)

  如下图里面有的两个包构建的文件 命令分别如下 (npm i miniprogram-sm-crypto --production 和 npm i vant-weapp -S --production  和  npm install weui-miniprogram --save --production)

  

 

 

 

四、还要注意一点就是微信开发者工具要更新到最新版本,不然点击工具没有构建npm这一栏,

      执行命令完之后,然后再去微信开发者中点工具-构建npm

     

 

 

      然后就成功了,如下图:

 

五、下面以引入button组件到某页面为例子:

在此页面的.json中配置

"usingComponents": {
"van-button": "../../miniprogram_npm/vant-weapp/button/index"
},


然后在此页码的wxml中

<van-button type="default">默认按钮</van-button>
<van-button type="primary">主要按钮</van-button>
<van-button type="info">信息按钮</van-button>
<van-button type="warning">警告按钮</van-button>
<van-button type="danger">危险按钮</van-button>

重新编译项目 发现 已经正常引用了!下面是vant-weapp文档教程

六、vant-weapp使用教程文档 https://youzan.github.io/vant-weapp/#/quickstart


鲜花

握手

雷人

路过

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

请发表评论

全部评论

专题导读
上一篇:
两个小程序(刷人气)发布时间:2022-07-18
下一篇:
京麦微信小程序圣诞抽奖项目的架构设计发布时间: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