小程序引用zanui —

1. 在已有的小程序根目录下或新建的小程序项目中执行

npm init

这一步蛮重要的！

2. 在小程序工程的根目录下执行

npm i vant-weapp -S --production

3. 保证当前你的微信开发者工具是最新版本，然后点击执行“构建npm“

4. 构建完成后多出一个目录“miniprogram_npm”，这个就是小程序可以识别的npm第三方库

5.在需要的页面引入

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

6.接着你就可以在wxml中直接调用这个ui组件了

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

7.问题

如果引用时报错

 module "miniprogram_npm/vant-weapp/common/utils" is not defined

可以把开发者工具关掉重启试试。
如果构建npm报错，

没有找到node_modules

可以在开发者工具中创建一个node_modules

小程序引用zanui ——vant weapp相关推荐

微信小程序中使用vant weapp 的dialog组件
微信小程序中使用vant weapp 的dialog组件官方文档路径:import Dialog from 'path/to/@vant/weapp/dist/dialog/dialog';,这不是 ...
小程序中引入Vant Weapp
官方链接:Vant Weapp - 轻量.可靠的小程序 UI 组件库轻量.可靠的小程序 UI 组件库https://youzan.github.io/vant-weapp/#/home 步骤一通过 ...
在微信小程序里引入Vant Weapp组件库详细步骤
1. 新建一个文件夹. 2. 使用微信开发者工具选择一个模板(这里以javaScript 基础模板为例) 选择完模板之后如下: 2. 右键打开终端:按如下步骤执行命令. ① npm init 解释 ...
微信小程序中使用Vant Weapp组件--以card为例
一.构建环境: Vant Weapp官网文档: https://youzan.github.io/vant-weapp/#/quickstart 1.方法一注意要在微信小程序根目录下安装:用cmd命令 ...
小程序(uniapp) | 引入Vant Weapp
1.找到项目的文件夹,输入cmd 打开终端 2.进入vant官网:Vant Weapp - 轻量.可靠的小程序 UI 组件库先初始化npm init, 再根据 # 通过 npm 安装 npm i @ ...
微信小程序制作（Vant Weapp）
1.微信开发者工具创建小程序 2.cmd进入到WeChatApp目录,npm init,一路回车直到结束 3. npm i @vant/weapp -S --production 4.将 app.js ...
微信小程序中使用Vant Weapp组件库
介绍 Vant 是一个轻量.可靠的移动端组件库,于 2017 年开源. 目前 Vant 官方提供了 Vue 2 版本.Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本和支付宝小程序 ...
微信小程序安装使用Vant Weapp
一.先检查是否安装nodejs 1.按住win+R,输入cmd回车,打开控制台,输入node -v,若显示版本号,则表示已安装nodejs,若显示node不是内部命令,则表示没有安装 2.若没有安装, ...
微信小程序之使用Vant Weapp做一个弹窗填写文本
在小程序中,我们经常使用到输入文本框这个组件.比如要填写个人信息,填信息就要去跳转到一个填信息的页面,这样操作起来会有点浪费空间和时间.比如我只需要改一个自己的名字或者一点别的信息就要跳转到另外一个页 ...

小程序引用zanui ——vant weapp

1. 在已有的小程序根目录下或新建的小程序项目中执行

2. 在小程序工程的根目录下执行

3. 保证当前你的微信开发者工具是最新版本，然后点击执行“构建npm“

4. 构建完成后多出一个目录“miniprogram_npm”，这个就是小程序可以识别的npm第三方库

5.在需要的页面引入

6.接着你就可以在wxml中直接调用这个ui组件了

7.问题

小程序引用zanui ——vant weapp相关推荐

最新文章

热门文章