当前位置：首页 > news >正文

uniapp中引入Vant Weapp的保姆级教学（包含错误处理）

news 来源：原创 2025/9/18 22:12:25

废话不多说，直接上方法，网上的教学好多都是错误的

1.安装vant weapp

在Hbuilder的终端，输入以下代码

npm install @vant/weapp -S --production

2.新建wxcomponents文件夹

在项目的跟目录新建一个“wxcomponents’文件夹，与app.vue同级，用于存放我们的组件库

3.复制组件库

将vant weapp的包复制到wxcomponents文件夹中

路径：

将dist文件夹复制到wxcomponents中，重命名为vant（当然叫别的也可以，但是一会引入组件的路径也要相应更改）

4.全局引入组件样式

在app.vue文件中的style里面，引入样式文件

代码可直接复制

@import "wxcomponents/vant/common/index.wxss";

5.引入组件

在pages.json中引入自己想用的组件

全局引入

"globalStyle": {"navigationBarTextStyle": "black","navigationBarTitleText": "爱尼家政","navigationBarBackgroundColor": "#F8F8F8","backgroundColor": "#F8F8F8","usingComponents": {"van-button": "/wxcomponents/vant/button/index"}},

局部引入

{"path": "pages/index/index","style": {"navigationBarTitleText": "爱尼家政","usingComponents": {"van-button": "/wxcomponents/vant/button/index"}}},

6.引入完成不显示错误处理

如果你按照上面的方式一步一步的都引入了，正常来讲，肯定是可以显示了，首先可以试试清除一下微信开发者工具的缓存，或者重启Hubilder。

然后，看一下微信开发者工具的设置，路径：设置---项目设置，把‘上传时过滤无依赖文件’关掉，清除缓存，重新运行，就是这个设置卡我了好久🤬，他还没有报错提示🤣

uniapp中引入Vant Weapp的保姆级教学（包含错误处理）

废话不多说，直接上方法，网上的教学好多都是错误的 1.安装vant weapp 在Hbuilder的终端，输入以下代码 npm install vant/weapp -S --production 2.新建wxcomponents文件夹在项目的跟目录新建一个“wxcomponents’文件夹，与app.…...

编程日记 2025/9/18 22:12:25

Datawhale Ollama教程笔记5

Dify 接入 Ollama 部署的本地模型 Dify 支持接入 Ollama 部署的大型语言模型推理和 embedding 能力。快速接入下载 Ollama 访问 Ollama 安装与配置，查看 Ollama 本地部署教程。运行 Ollama 并与 Llama 聊天 ollama run llama3.1Copy to clipboardErrorCopied …...

编程日记 2025/9/18 22:10:04

STL —— 洛谷字符串（string库）入门题（蓝桥杯题目训练）（二）

目录一、B2121 最长最短单词 - 洛谷算法代码： 代码分析变量定义输入处理单词长度计算更新最长和最短单词的长度输出最长单词输出最短单词评测记录：编辑二、B2122 单词翻转 - 洛谷算法代码： 代码分析引入头文件和定…...

编程日记 2025/9/18 22:12:02

P1055 [NOIP 2008 普及组] ISBN 号码(java)【AC代码】

每一本正式出版的图书都有一个 ISBN 号码与之对应，ISBN 码包括 9 位数字、1 位识别码和 3 位分隔符，其规定格式如 x-xxx-xxxxx-x，其中符号 - 就是分隔符（键盘上的减号），最后一位是识别码，例如 0…...

编程日记 2025/9/15 10:57:24

JavaScript如何创建一个对象？对象字面量和构造函数创建对象有什么区别？

JavaScript如何创建一个对象？对象字面量和构造函数创建对象有什么区别？ JavaScript 创建对象的方式在 JavaScript 中，有多种方式可以创建对象，这里主要介绍对象字面量和构造函数这两种常见的方式。 1. 对象字面量对象字面量…...

编程日记 2025/9/15 10:57:22

【量化科普】Sharpe Ratio，夏普比率

【量化科普】Sharpe Ratio，夏普比率 🚀🚀🚀量化软件开通🚀🚀🚀 🚀🚀🚀量化实战教程🚀🚀🚀 在量化投资领域，…...

编程日记 2025/9/18 22:08:36

知识蒸馏知识点

1基于kl散度计算，学生模型需要用log_softmax处理 2 为了避免温度对梯度的影响，loss*T**2 操作目的教师 / 学生输出除以软化概率分布，暴露类别间关系损失乘以抵消温度对梯度的缩放，维持梯度量级稳定，确保训练收敛性 import torch import torch.nn.functional as F# 原…...

编程日记 2025/9/18 22:08:06

Springboot + Ollama + IDEA + DeepSeek 搭建本地deepseek简单调用示例

1. 版本说明 springboot 版本 3.3.8 Java 版本 17 spring-ai 版本 1.0.0-M5 deepseek 模型 deepseek-r1:7b 需要注意一下Ollama的使用版本： 2. springboot项目搭建可以集成在自己的项目里，也可以到 spring.io 生成一个项目生成的话，如下…...

编程日记 2025/9/15 10:57:16

【MySQL】MySQL表的增删改查（进阶）

1.❤️❤️前言~🥳🎉🎉🎉 Hello, Hello~ 亲爱的朋友们👋👋，这里是E绵绵呀✍️✍️。如果你喜欢这篇文章，请别吝啬你的点赞❤️❤️和收藏📖📖。如果你对我的…...

编程日记 2025/9/15 10:57:14

装修流程图：装修前准备 → 设计阶段 → 施工阶段 → 安装阶段 → 收尾阶段 → 入住

文章目录引言I 毛坯房装修的全流程**1. 装修前准备****1.1 确定装修预算****1.2 选择装修方式****1.3 选择装修公司****1.4 办理装修手续****2. 设计阶段****2.1 量房****2.2 设计方案****2.3 确认方案****3. 施工阶段****3.1 主体拆改****3.2 水电改造****3.3 防水工程****3.…...

编程日记 2025/9/15 10:57:13

JavaScript系列（79）--Web Worker 高级应用

Web Worker 高级应用 🔄 Web Worker 为JavaScript提供了真正的多线程能力，让我们能够在后台线程中执行复杂的计算而不阻塞主线程。今天让我们深入探讨Web Worker的高级应用。 Web Worker 概述 🌟 💡 小知识：Web Work…...

编程日记 2025/9/15 8:23:13

人工智能之自动驾驶技术体系

自动驾驶技术体系自动驾驶技术是人工智能在交通领域的重要应用，旨在通过计算机视觉、传感器融合、路径规划等技术实现车辆的自主驾驶。自动驾驶不仅能够提高交通效率，还能减少交通事故和环境污染。本文将深入探讨自动驾驶的技术体系，包括感…...

编程日记 2025/9/15 8:23:11

该如何搭建高效的跨境网络专线？

在如今这个全球化的商业环境中，跨境网络专线成为了企业与个人实现高效、安全跨国通信的重要工具。大家好，在接下来的内容中，我将深入为您探讨跨境网络专线的概念、特点以及搭建流程，帮助您更好地理解和利用这一技术。一、什么是…...

编程日记 2025/9/15 8:23:08

网络运维学习笔记 017HCIA-Datacom综合实验01

文章目录综合实验1实验需求总部特性分支8分支9 配置一、基本配置（IP二层VLAN链路聚合）ACC_SWSW-S1SW-S2SW-Ser1SW-CoreSW8SW9DHCPISPGW 二、单臂路由GW 三、 vlanifSW8SW9 四、 OSPFSW8SW9GW 五、 DHCPDHCPGW 六、 NAT缺省路由GW 七、 HTTPGW 综合实…...

编程日记 2025/9/15 8:23:06

Redis数据结构-String字符串

1.String字符串字符串类型是Redis中最基础的数据结构，关于数据结构与要特别注意的是：首先Redis中所有的键的类型都是字符串类型，而且其他集中数据结构也都是在字符串类似基础上进行构建，例如列表和集合的元素类型是字符串类型&a…...

编程日记 2025/9/15 8:23:03

个人简历html网页模板，科技感炫酷html简历模板

炫酷动效登录页引言在网页设计中，按钮是用户交互的重要元素之一。这样一款黑色个人简历html网页模板，科技感炫酷html简历模板，设计效果类似科技看板图，可帮您展示技能、任职经历、作品等，喜欢这种风格的小伙伴不要犹豫哦。该素材呈现了数据符号排版显示出人形的动画效…...

编程日记 2025/9/14 10:14:43

【Python爬虫(39)】掌控全局：分布式爬虫的任务管理与监控之道

【Python爬虫】专栏简介：本专栏是 Python 爬虫领域的集大成之作，共 100 章节。从 Python 基础语法、爬虫入门知识讲起，深入探讨反爬虫、多线程、分布式等进阶技术。以大量实例为支撑，覆盖网页、图片、音频等各类数据爬取&#xff…...

编程日记 2025/9/15 8:22:57

输入框元素覆盖冲突

后端响应中的 "trainingKbGroupName": "基础死型" 通过searchForm2.initFormData(rowData[0]);操作会把基础死型四个字填充到<div class"col-sm-5 form-group"> <label class"col-sm-3 control-label">知识点分组名称<…...

编程日记 2025/9/15 8:22:52

R语言学习笔记——确定指标权重：层次分析法/熵权法/CRITIC方法

本文介绍使用R语言确定指标权重的方法，包括：层次分析法、熵权法和CRITIC方法，内容包含了逆向指标正向化处理。 1、层次分析法 #######层次分析法###### ###几何平均法求权重 options(digits 2) library(tidyverse)macro <- tibble(x1c(…...

编程日记 2025/9/15 8:22:50

前端面试之Box盒子布局：核心知识与实战解析

目录引言：布局能力决定前端高度一、盒模型基础：看得见的像素战争 1. 标准盒模型 vs IE盒模型 2. 核心组成公式 3. 视觉格式化模型二、传统布局三剑客 1. 浮动布局（Float Layout） 2. 定位布局（Position Layou…...

编程日记 2025/9/15 8:22:47

前端VUE+后端uwsgi 环境搭建

1整体架构请求流程the web clinet--the web server->the socket->uwsgi--django 第一级的nginx并不是必须的，uwsgi完全可以完成整个的和浏览器交互的流程；在nginx上加上安全性或其他的限制，可以达到保护程序的作用；uWSGI本…...

编程日记 2025/9/15 8:22:44

保姆级！本地部署DeepSeek-R1大模型安装Ollama Api 后，Postman本地调用 deepseek

要在Postman中访问Ollama API并调用DeepSeek模型，你需要遵循以下步骤。首先，确保你有一个有效的Ollama服务器实例运行中，并且DeepSeek模型已经被加载。可以参考我的这篇博客保姆级！使用Ollama本地部署DeepSeek-R1大模型并java…...

编程日记 2025/9/15 10:57:11

【python】pip命令合集

文章目录 1. 包安装与卸载2. 依赖管理与文件操作3. 包下载与构建4. 配置与缓存管理5. 高级调试与日志6. 虚拟环境集成7. 哈希验证与安全8. 实验性功能（可能不稳定）9. 其他实用命令参数大全（全局常用参数）示例场景 conda: 【python…...

编程日记 2025/9/15 10:57:09

【鸿蒙开发】第四十章 Form Kit（卡片开发服务）

目录 1 概述 1.1 卡片使用场景 1.2 服务卡片架构 1.3 亮点/特征 1.4 开发模式 1.5 与相关Kit的关系 1.6 约束限制 2 ArkTS卡片运行机制 2.1 实现原理 2.2 ArkTS卡片的优势 2.3 ArkTS卡片的约束 3 ArkTS卡片相关模块 4 ArkTS卡片开发指导 4.1 创建一个ArkTS卡片 …...

编程日记 2025/9/15 10:57:07

汽车自动驾驶辅助L2++是什么？

自动驾驶辅助级别有哪些？ 依照SAE（SAE International，Society of Automotive Engineers国际自动机工程师学会）的标准，大致划分为6级（L0-L5）： L0人工驾驶：即没有驾驶辅助…...

编程日记 2025/9/15 10:57:06

package com.test.main.b2b;import org.apache.commons.codec.binary.Base64;import javax.crypto.Cipher; import javax.crypto.spec.IvParameterSpec; import javax.crypto.spec.SecretKeySpec; import java.util.Arrays;/*** author * version 1.0* description: 解谜微信小…...

编程日记 2025/9/15 9:47:46

java项目之城市公园信息管理系统的设计与实现(源码+文档)

风定落花生，歌声逐流水，大家好我是风歌，混迹在java圈的辛苦码农。今天要和大家聊的是一款基于ssm的城市公园信息管理系统的设计与实现。项目源码以及部署相关请联系风歌，文末附上联系信息。项目简介： 城市公园信息…...

编程日记 2025/9/15 10:57:02

EasyRTC：基于WebRTC与P2P技术，开启智能硬件音视频交互的全新时代

在数字化浪潮的席卷下，智能硬件已成为我们日常生活的重要组成部分，从智能家居到智能穿戴，从工业物联网到远程协作，设备间的互联互通已成为不可或缺的趋势。然而，高效、低延迟且稳定的音视频交互一直是智能硬件领域亟待…...

编程日记 2025/9/15 1:15:00

【前端框架】vue2和vue3的区别详细介绍

Vue 3 作为 Vue 2 的迭代版本，在性能、语法、架构设计等多个维度均有显著的变革与优化。以下详细剖析二者的区别： 响应式系统 Vue 2 实现原理：基于 Object.defineProperty() 方法实现响应式。当一个 Vue 实例创建时，Vue 会遍历…...

编程日记 2025/9/15 10:56:59

23.1 WebBrowser控件

编程日记 2025/9/15 10:56:57

从0-1搭建mac环境最新版

从0-1搭建mac环境先查看自己的芯片信息 bash uname -mbash-3.2$ uname -m arm64这里是自己的型号安装brew xcode-select --install xcode-select -p /bin/zsh -c “$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)” source /Users/lanren/.…...

编程日记 2025/9/17 14:20:37

Docker-技术架构演进之路

目录一、概述常见概念二、架构演进 1.单机架构 2.应用数据分离架构 3.应用服务集群架构 4.读写分离 / 主从分离架构 5.引入缓存 —— 冷热分离架构 6.垂直分库 7.业务拆分 —— 微服务 8.容器化引入——容器编排架构三、尾声一、概述在进行技术学习过程中&am…...

编程日记 2025/9/15 10:49:43

堆、优先队列、堆排序

堆： 定义： 必须是一个完全二叉树（完全二叉树：完全二叉树只允许最后一行不为满，且最后一行必须从左往右排序，最后一行元素之间不可以有间隔） 堆序性： 大根堆：每个父节点…...

编程日记 2025/9/14 18:57:05

C语言之宏定义

目录前言一、宏定义前操作二、引用自定义.h文件三、宏定义#define 四、对比typedef的差异五、替换一个函数或表达式六、嵌套宏替换七、用宏和typedef创建一个“布尔型数据八、定义有参数的宏总结前言 C语言中的宏定义是一种预处理指令，用来定义常量、函数…...

编程日记 2025/9/15 10:56:51

大语言模型基础

简介 AI大模型是“人工智能预训练大模型”的简称，包含了“预训练”和“大模型”两层含义，二者结合产生了一种新的人工智能模式，即模型在大规模数据集上完成了预训练后无需微调，或仅需要少量数据的微调，就能直接支撑各类应用。AI大模型主要分为三类：大语言模型、CV大模型…...

编程日记 2025/9/15 0:33:24

vxe-table 如何实现跟 Excel 一样的数值或金额的负数自动显示红色字体

vxe-table 如何实现跟 Excel 一样的数值或金额的负数自动显示红色字体，当输入的值为负数时，会自动显示红色字体，对于数值或者金额输入时该功能就非常有用了。查看官网：https://vxetable.cn gitbub：https://github.co…...

编程日记 2025/9/18 15:39:46

Web 自动化测试提速利器：Aqua 的 Web Inspector （检查器）使用详解

Web 自动化测试提速利器：Aqua 的 Web Inspector （检查器）使用详解前言简介一、安装二、Web Inspector 的使用2.1 获取元素定位器（Locators）2.2 将定位器添加到代码2.3 验证定位器2.4 处理 Frames (框架) 总结前言 Je…...

编程日记 2025/9/15 10:56:46

23种设计模式 - 空对象模式

模式定义空对象模式（Null Object Pattern）是一种行为型设计模式，通过用无操作的空对象替代null值，消除客户端对空值的检查，避免空指针异常。其核心是让空对象与真实对象实现相同接口，但空对象不执行实际逻…...

编程日记 2025/9/15 10:56:44

【mysql80 安装】mysql8.0.31 安装修改3306端口

在离线安装 MySQL 时，可以通过修改 MySQL 的配置文件来更改默认的 3306 端口。以下是具体步骤： 1、vim /etc/my.cnf 打开配置文件后，找到 [mysqld] 部分，这是 MySQL 服务的配置区域。在该部分中，找到或添加以下内容&a…...

编程日记 2025/9/15 0:33:25

基于eBPF的全栈可观测性系统：重新定义云原生环境诊断范式

引言：突破传统APM的性能桎梏某头部电商平台采用eBPF重构可观测体系后，生产环境指标采集性能提升327倍：百万QPS场景下传统代理模式CPU占用达63%，而eBPF直采方案仅消耗0.9%内核资源。核心业务的全链路追踪时延从900μs降至18μs&a…...

编程日记 2025/9/15 10:56:40

C语言基础学习指南：从零入门到实战应用——适合零基础学习者与进阶巩固

目录一、C语言概述与开发环境搭建二、核心语法与数据类型三、控制结构与运算符四、函数与模块化编程五、指针与内存管理六、实践建议与资源推荐结语一、C语言概述与开发环境搭建 C语言是一种高效、灵活的通用编程语言，广泛应用于系统开发、嵌入式系…...

编程日记 2025/9/15 10:56:39

软件架构设计：架构风格

一、架构风格概述定义架构风格是对软件系统整体结构和组织方式的抽象描述，提供了一套通用的设计原则和模式。作用提高系统的可维护性、可扩展性和可复用性。帮助开发团队在设计和实现过程中保持一致性和规范性。常见架构风格分层架构、MVC架构、微服务架构、…...

编程日记 2025/9/15 10:56:37

为啥vue3设计不直接用toRefs,而是reactive+toRefs

Vue 3 设计中将 reactive 和 toRefs 结合使用而非直接使用 toRefs，主要基于以下设计考量： 1. 响应式粒度的不同需求 reactive 适用于对象整体响应式 reactive 会为整个对象创建响应式代理，自动追踪对象内部所有属性的变化。这种设计适用于需要…...

编程日记 2025/9/15 10:56:36

go 网络编程 websocket gorilla/websocket

在 Go 语言中，你可以使用标准库中的 net/http 包和第三方库 gorilla/websocket 来实现一个 WebSocket 服务器。gorilla/websocket 库提供了对 WebSocket 协议的高级抽象，使得处理 WebSocket 连接变得相对简单。 package mainimport ("fmt"&qu…...

编程日记 2025/9/15 7:49:40

【微服务】springboot远程docker进行debug调试使用详解

目录一、前言二、线上问题常用解决方案 2.1 微服务线上运行中常见的问题 2.2 微服务线上问题解决方案 2.3 远程debug概述 2.3.1 远程debug原理 2.3.2 远程debug优势三、实验环境准备 3.1 搭建springboot工程 3.1.1 工程结构 3.1.2 引入基础依赖 3.1.3 添加配置文…...

编程日记 2025/9/16 11:33:11

CORS跨域问题常见解决办法

1.引言在现代前端开发中，跨域资源共享（Cross-Origin Resource Sharing, CORS）是一种通过设置 HTTP 头来允许或阻止不同源之间的资源访问的机制。浏览器出于安全考虑，默认情况下会阻止跨域请求。本文将详细介绍 CORS 的工作原理、…...

编程日记 2025/9/17 23:40:38

并查集算法篇上期：并查集原理及实现

引入那么我们在介绍我们并查集的原理之前，我们先来看一下并查集所应用的一个场景：那么现在我们有一个长度为n的数组，他们分别属于不同的集合，那么现在我们要查询数组当中某个元素和其他元素是否处于同一集合当中，或者…...

编程日记 2025/9/15 10:56:29

树莓派4基于Debian GNU/Linux 12 (Bookworm)添加多个静态ipv4网络

假设之前已经配置了在eth0接口配置了192.168.0.100，现在要在同一接口（例如 eth0）上添加 192.168.1.100： 直接编辑 /etc/NetworkManager/system-connections/ 中相应的连接文件（该文件的文件名通常与连接名称相同&…...

编程日记 2025/9/15 10:56:27

「正版软件」PDF Reader - 专业 PDF 编辑阅读工具软件

PDF Reader 轻松查看、编辑、批注、转换、数字签名和管理 PDF 文件，以提高工作效率并充分利用 PDF 文档。像专业人士一样编辑 PDF 编辑 PDF 文本轻松添加、删除或修改 PDF 文档中的原始文本以更正错误。自定义文本属性，如颜色、字体大小、样式和粗细。…...

编程日记 2025/9/17 9:57:56

Python连接MySQL数据库图文教程，Python连接数据库MySQL入门教程

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言1. 环境准备1.1安装 Python1.2选择开发环境1.3安装 MySQL 数据库1.4 安装 pymysql 库 2. 连接数据库3. 数据库基本操作3.1 创建数据库3.2 创建表3.3 插入数据3.…...

编程日记 2025/9/15 10:56:25