码迷,mamicode.com
首页 > 微信 > 详细

微信小程序使用第三方包

时间:2020-01-04 16:41:41      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:pup   微信   开发者   you   webapp   npm   rom   mini   color   

1、初始化项目

npm init 

2、安装依赖包( 以vant webapp 为例 )

npm i vant-weapp -S --production

3、微信开发者工具配置

1、打开 详情 -- 选中 使用npm模板
2、左上角 -- 工具 -- 构建npm

( 之后会提示 完成构建 )

4、问题

若出现这种错误

VM6419:5 ./miniprogram_npm/_vant-weapp@0.5.12@vant-weapp/action-sheet/index.wxml
../wxs/utils.wxs not found from ./miniprogram_npm/_vant-weapp@0.5.12@vant-weapp/action-sheet/index.wxml
> 1 | <wxs src="../wxs/utils.wxs" module="utils" />
    | ^
  2 | 
  3 | <van-popup
  4 |   show="{{ show }}"

解决: 

https://github.com/youzan/vant-weapp  克隆后,复制dist文件夹中所有内容,替换掉 miniprogram_npm下 vant-weapp 里所有内容即可

原因: 

未知原因

 

5、使用, 以按钮为例

// app.json 配置如下

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

// wxml
  <van-button type="primary">按钮</van-button>

微信小程序使用第三方包

标签:pup   微信   开发者   you   webapp   npm   rom   mini   color   

原文地址:https://www.cnblogs.com/-roc/p/12149155.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!