记录mpvue+vant-weapp的使用(四):引入最新版本的vant-weap的问题

2023-10-29 23:59

本文主要是介绍记录mpvue+vant-weapp的使用(四):引入最新版本的vant-weap的问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

之前用的是0.5版本的,这个版本确实是比较稳定,不过有一些组件没有,用的不是很习惯,比如image图片这个组件是没有的,然后看到官网是有这个组件,所以想尝试一下引入最新版本的组件。

官网的引入方式,这里我选择的是npm:

npm i @vant/weapp -S --production

然后将node_modules 里面的vant/weapp 里面的dis和lib复制一份,放到根目录的static里面。

然后重新运行。。。。。问题出来了。

居然是找不到index.wxs   这个文件。。。

我还特地找了一下wxs的语法

所以应该是引用和index.wxml同一个目录下的index.wxs的模块的意思吧?

确实也能找着index.wxs这个文件。。。。

所以我估计是路径的问题。。。官方给的引入方式是这样的

所以我觉的是我的打开方式不对。。。遂使用第一种尝试

结果。。。好像还是不对

原来这个路径问题是通用的。。。那只能是mpvue的路径配置不行了,我估计要么改一下mpvue的路径,要么改一下vant-weapp组件引用index.wxs的路径了

先试了一下修改

<wxs src="index.wxs" module="computed" />
<wxs src="../checkbox/index.wxs" module="computed" />

然后发现。。。两种都不行。

 

一番查找之后。。。我发现小程序开发工具使用的是打包出来的dist里面的东西

 

于是我找了一下,原来checkbox里面真的没有index.wxs这个文件,我这里用的居然还是0.5版本的那个vant-weapp。。。。。不知道是不是缓存的原因,我重新打包没有反应,所以只能删除再重新运行一下

然后。。终于可以了

这篇关于记录mpvue+vant-weapp的使用(四):引入最新版本的vant-weap的问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/304266

相关文章

sky-take-out项目中Redis的使用示例详解

《sky-take-out项目中Redis的使用示例详解》SpringCache是Spring的缓存抽象层,通过注解简化缓存管理,支持Redis等提供者,适用于方法结果缓存、更新和删除操作,但无法实现... 目录Spring Cache主要特性核心注解1.@Cacheable2.@CachePut3.@Ca

C#下Newtonsoft.Json的具体使用

《C#下Newtonsoft.Json的具体使用》Newtonsoft.Json是一个非常流行的C#JSON序列化和反序列化库,它可以方便地将C#对象转换为JSON格式,或者将JSON数据解析为C#对... 目录安装 Newtonsoft.json基本用法1. 序列化 C# 对象为 JSON2. 反序列化

RabbitMQ 延时队列插件安装与使用示例详解(基于 Delayed Message Plugin)

《RabbitMQ延时队列插件安装与使用示例详解(基于DelayedMessagePlugin)》本文详解RabbitMQ通过安装rabbitmq_delayed_message_exchan... 目录 一、什么是 RabbitMQ 延时队列? 二、安装前准备✅ RabbitMQ 环境要求 三、安装延时队

Web服务器-Nginx-高并发问题

《Web服务器-Nginx-高并发问题》Nginx通过事件驱动、I/O多路复用和异步非阻塞技术高效处理高并发,结合动静分离和限流策略,提升性能与稳定性... 目录前言一、架构1. 原生多进程架构2. 事件驱动模型3. IO多路复用4. 异步非阻塞 I/O5. Nginx高并发配置实战二、动静分离1. 职责2

Python ORM神器之SQLAlchemy基本使用完全指南

《PythonORM神器之SQLAlchemy基本使用完全指南》SQLAlchemy是Python主流ORM框架,通过对象化方式简化数据库操作,支持多数据库,提供引擎、会话、模型等核心组件,实现事务... 目录一、什么是SQLAlchemy?二、安装SQLAlchemy三、核心概念1. Engine(引擎)

Java Stream 并行流简介、使用与注意事项小结

《JavaStream并行流简介、使用与注意事项小结》Java8并行流基于StreamAPI,利用多核CPU提升计算密集型任务效率,但需注意线程安全、顺序不确定及线程池管理,可通过自定义线程池与C... 目录1. 并行流简介​特点:​2. 并行流的简单使用​示例:并行流的基本使用​3. 配合自定义线程池​示

Ubuntu如何升级Python版本

《Ubuntu如何升级Python版本》Ubuntu22.04Docker中,安装Python3.11后,使用update-alternatives设置为默认版本,最后用python3-V验证... 目China编程录问题描述前提环境解决方法总结问题描述Ubuntu22.04系统自带python3.10,想升级

解决升级JDK报错:module java.base does not“opens java.lang.reflect“to unnamed module问题

《解决升级JDK报错:modulejava.basedoesnot“opensjava.lang.reflect“tounnamedmodule问题》SpringBoot启动错误源于Jav... 目录问题描述原因分析解决方案总结问题描述启动sprintboot时报以下错误原因分析编程异js常是由Ja

GO语言中函数命名返回值的使用

《GO语言中函数命名返回值的使用》在Go语言中,函数可以为其返回值指定名称,这被称为命名返回值或命名返回参数,这种特性可以使代码更清晰,特别是在返回多个值时,感兴趣的可以了解一下... 目录基本语法函数命名返回特点代码示例命名特点基本语法func functionName(parameters) (nam

使用shardingsphere实现mysql数据库分片方式

《使用shardingsphere实现mysql数据库分片方式》本文介绍如何使用ShardingSphere-JDBC在SpringBoot中实现MySQL水平分库,涵盖分片策略、路由算法及零侵入配置... 目录一、ShardingSphere 简介1.1 对比1.2 核心概念1.3 Sharding-Sp