微信小程序使用Vant Weapp组件库的方法步骤
作者：直男程序员的钢铁之路 发布时间：2023-09-11 15:17:34
地址：https://youzan.github.io/vant/#/zh-CN/intro
一.引入Vant组件库
1.首先运行 npm init
就会生成 package.json
2.运行
npm i vant-weapp -S --production
3.安装成功后 点击 工具 => 构建npm
之后点击 详情 => 使用构建npm 渲染
二.使用组件库
首先在json文件中引入组件
"van-button": "vant-weapp/button"
之后可以在官网找到想要用的组件使用
报错码
VM292:1 thirdScriptError sdk uncaught third Error module "miniprogram_npm/vant-weapp/mixins/transition" is not defined Error: module "miniprogram_npm/vant-weapp/mixins/transition" is not defined at require (http://127.0.0.1:56368/appservice/__dev__/WAService.js:22:26700) at http://127.0.0.1:56368/appservice/__dev__/WAService.js:22:26448 at http://127.0.0.1:56368/appservice/miniprogram_npm/vant-weapp/popup/index.js:5:19 at require (http://127.0.0.1:56368/appservice/__dev__/WAService.js:22:26841) at <anonymous>:395:7 at HTMLScriptElement.scriptLoaded (http://127.0.0.1:56368/appservice/appservice?t=1557802464868:4544:21) at HTMLScriptElement.script.onload (http://127.0.0.1:56368/appservice/appservice?t=1557802464868:4556:20)
解决方法：
你只需要把miniprogram_npm/vant-weapp里的组件文件夹都删除，
之后再https://github.com/youzan/vant-weapp下载一份vant， 将dist文件夹（vant-weapp-dev\vant-weapp-dev\dist）中的文件复制到项目的miniprogram_npm/vant-weapp
即下载一份vant，之后替换掉项目中的文件
之后保存解决
来源：https://blog.csdn.net/qq_38845493/article/details/90203128
0
投稿猜你喜欢
1.下载与安装Anaconda3首先去官网Anaconda下载网址下载Anaconda3，我安装的版本是Anaconda3 2019.03（- 一般常用的有两个方法：1、使用DataFrame.index = [newName]，DataFrame.columns = [newNam
- 在处理pandas的DataFrame中，如果想像excel那样筛选，只要其中的某一行或者几行，可以使用isin()方法来实现，只需要将需要
- nilGo中，每个指针都有2个基本信息，指针的类型和指针的值(type,value)；当执行==时，需要比较类型与值（只有类型与值都相等时，
- 功能1： 爬取西拉ip代理官网上的代理ip环境：python3.8+pycharm库：requests，lxml浏览器：谷歌IP地址：htt
- 下边是我对部分内容的总结，里边偏向了T-SQL语句实现的总结，对于SQL Server Management Studio中对象管理器的操作
- 我就废话不多说了，大家还是直接看代码吧！绘制曲线：import timeimport numpy as npimport matplotli
- 一、背景最近有个需求是从一个后台的留言网站爬取留言数据，后台管理网站必然涉及到了登录，登录就有个验证码的问题必须得解决，由于验证码是从后端生
- 这篇文章主要介绍了Python搭建HTTP服务过程图解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋
- 一 前言前一段时间接二连三的出现开发人员在测试环境和生产误操作导致数据库误删除/更新，对DBA而言，回滚数据着实是一件头疼的事情，凡涉及到恢
- 用python读取视频有两种主要方法，大家可依据自己的需求进行使用。方法一：使用imageio库，没有安装的可用pip安装或自己下载，安装好
- 1.下载MySQL Community Server 5.7.16 安装好2.进去mysql安装目录的bin目录下，在文件地址栏输入cmd回
- 首先先了解一下，我们的效果实现流程首先登录概述及业务流程和相关技术点录页面的布局创建两个Vue.js文件一个我们来做登录页和注册页登录页面的
- 最近在做编程练习，发现有些结果的值与答案相差较大，通过分析比较得出结论，大概过程如下：定义了一个计算损失的函数：def error(yhat
- Dim iSet conn=Server.CreateObject("ADODB.Connecti
- 本文实例为大家分享了python绘制彩虹图的具体代码，供大家参考，具体内容如下代码：from turtle import *#控制彩虹路径d
- 1. SELECT…FOR UPDATE 是什么？作用是什么？select for update 即排他锁，排他锁又称
- 初学python，我们必须干点有意思的事！从微信下手吧！头像集样例如下： 大家可以发朋友圈开启辨认大赛哈哈~话不多说，直接上代码，注释我写了
- 在这个文章中，我们将学习如何在感兴趣区域周围画最小面积矩形框。1.最小面积矩形框下图显示了两个矩形框，绿色的是普通矩形框，红色的是最小面积矩
- 本文实例讲述了Python 静态方法和类方法。分享给大家供大家参考，具体如下：1. 类属性、实例属性它们在定义和使用中有所区别，而最本质的区
