微信小程序 vant-weapp “@vant/weapp/button/i2ndex“ 未找到【已解决】

最新推荐文章于 2023-11-24 21:20:00 发布

hypoxia稽

最新推荐文章于 2023-11-24 21:20:00 发布

阅读量1.8k

点赞数 1

分类专栏：微信小程序·weapp 文章标签：微信小程序小程序微信

本文链接：https://blog.csdn.net/qq_39547040/article/details/126054162

版权

    "usingComponents": {
      "globalComponent2":"/components/test2/test2",
      "globalComponent3":"/components/test3/test3",
      "globalComponent4":"/components/test4/test4",
      "globalComponent5":"/components/test5/test5",
      "van-button": "@vant/weapp/button/index"
  
    }

情况如下

已经根据we app官网给定的教程做了以下几点步骤

步骤一 通过 npm 安装
使用 npm 构建前，请先阅读

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hypoxia稽

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
微信小程序 vant-weapp “@vant/weapp/button/i2ndex“ 未找到【已解决】

vant/weapp/button/i2ndex" 未找到
复制链接

扫一扫

专栏目录

使用Vant 组件 [“usingcomponents“][“van-button“]: “@vant/weapp/button/index“ 未找到：

fghfghhgjgj的博客

01-14

1万+

这个问题困扰了我很久。 “未找到”，其实就是路径不对。总结一下使用vant weapp的步骤。第一步：在node中文网，下载并安装Node。将node加入环境变量。第二步：检查node是否安装成功。 win+R，cmd，输入命令：node -v，或者npm -v，只要显示版本号就可以了。第三步：新建一个小程序。名字不要用中文的。在小程序根目录，打开命令行窗口。输入命令： npm init -y //-y的意思是，一直按 yes ,就是enter键。 npm i @vant/weapp -S

微信小程序引入vant-weapp

01-03

选择位置新建项目，本文直接在桌面新建项目 1 在桌面新建demo文件夹，然后打开微信开发者工具，选择demo文件夹新建小程序项目 2 用cmd或者powershell找到该项目目录，在该目录下进行安装vant-weapp 步骤一通过 npm 安装 # 通过 npm 安装 npm i @vant/weapp -S --production # 通过 yarn 安装 yarn add @vant/weapp --production # 安装 0.x 版本 npm i vant-weapp -S --production 3 构建npm包步骤二构建 npm 包打开微信开发者工具，点击

1 条评论您还未登录，请先登录后发表或查看评论

微信小程序引入vant-weapp后出现[‘vant-XXX‘]:‘@vant/weapp/xxx‘未找到，错误解决

weixin_44375583的博客

09-04

1937

vant-xxx组件未找到的错误解决

微信小程序引入vant与解决[ app.json 文件内容错误] [“van-button“]: “@vant/weapp/button/index“ 未找到

Fanqie_KK的博客

05-19

6008

下面模拟小白引入vant所遇到的问题与[ app.json 文件内容错误] ["van-button"]: "@vant/weapp/button/index" 未找到 1，利用npm引入vant组件，在目录下初始化组件库命令：npm init 按ENTER键直到最后回yes好了 2，npm i vant-weapp -S --production 3，回到小程序构建npm 4，此时可能会出现这样的一个问题说没有找到可构建的npm的包 5，你回到miniprog.

解决[“usingcomponents“][“van-button“]: “@vant/weapp/button/index“ 未找到：

AEI的博客

06-30

8362

解决步骤：命令行cd转到miniprogram目录(注意使用下面的命令行要在工程目录下cd) cd .\miniprogram\ 在这里生成package.json npm init -y 在这个目录下安装vant npm i @vant/weapp -S --production 由于我们是在miniprogram目录下安装的，所以就不用修改project.config.json了保持默认就好： { ... "setting": { ... "packNpmM

编译问题文件查找失败: ‘vant‘

风行天下

01-10

772

编译问题文件查找失败: 'vant'的解决方法，记录下

关于Vant Weapp中组件引入未找到的解决方案

最新发布

02-25

【标题】"参照Vant-Weapp开发的抖音原生小程序UI组件库"指的是一个基于Vant-Weapp设计思路创建的，专为抖音小程序设计的原生UI组件集合。Vant-Weapp是一个轻量级的小程序组件库，它在微信小程序中广泛使用，以其简洁...

微信小程序使用Vant Weapp组件库的方法步骤

12-11

1. **引入组件**: 在小程序的页面配置文件（如 `page.json`）中，通过 `"vant-weapp/button"` 引入所需的 Vant 组件。例如，如果需要使用按钮组件，可以这样写： ```json { "usingComponents": { "van-button": ...

taro3-vant-sample:Taro3 中使用 vant-weapp 的示例

05-26

taro3-vant-sample Taro3 中使用 vant-weapp 的示例 React 版本需要关注的点引用 vant 组件引用 vant 组件需要在页面的 config 文件中进行配置，如 export default { navigationBarTitleText: '首页', usingComponents: { 'van-button': '../../components/vant-weapp/dist/button/index' } } 值得注意的是，无论是在页面还是组件中引用 vant 组件，都是在页面的 config 中进行配置引用。配置 copy 小程序原生文件 vant 组件中包含一些小程序原生文件的依赖，目前 Taro 没有对这些依赖进行分析，需要配置 copy 移动到 dist 目录中，例如需要 copy wxs 和样式文件，

“@vant/weapp/loading/index“ 未找到(env: Windows,mp,1.05.2204180； lib: 2.26.0)

m0_46106931的博客

03-19

794

vant组件库发地安装与使用

微信小程序引用VantWeappUI组件步骤及路径问题解决办法详解

qq_45699784的博客

03-16

1807

微信小程序引用VantWeappUI组件我今天在用微信小程序开发工具引用VantWeapp组件的时候遇到了一些问题，现在把解决的方法分享一下，可能只是我遇到了，但是想写成一个文章，方便跟我有同样问题的参考！先说一下我遇到的问题，我遇到的问题是在引用的VantWeapp组件的引入后，说找不到路径，这就整的我很烦，以这个组件为示例：这里我要引入一个button按钮组件，但是却报了这个错误：当时我就很纳闷，我明明是按照文档的步骤操作的，怎么会找不到呢，经过我的各种方法尝试，后来才把这个问题解决了，现在

小程序转h5之后 vant文件查找失败:_你还在使用原生开发小程序吗

weixin_32899267的博客

02-03

1821

最近帮别人在做一个小程序,因为官方的支持不够好,组件库也不够多,所以就没有使用官方的操作。网上查找了一番，觉得mpvue还不错（之前也没玩过），索性拿来用吧！01 前言小程序的做法也是比较简单的，假如你是老手的话基本上开箱即用，但是奈何自己技术不够，那就手把手教你踩坑吧。之前也做过几个小程序，我用过官方的、uni-app开发，效果还行。然后现在是想尝试一下mpvue，生态还可以，组件库也多。拿到...

微信小程序使用vant组件所出现的一些问题

子玉的博客

11-24

1218

第三个是在根目录中，文件project.config.json内， "setting"对象中添加，注意，这个与官方配置有些不同，本身这个对象"miniprogramNpmDistDir":"./"，的属性值是有个地址的，但是我的第三个问题所提示的错误就是找不到路径，多了一层，这个根据自身情况，如果加上路径报错，那就换成“./”路径。1. 确保你在正确的目录下：确认你当前所在的目录是你的小程序项目的根目录，即包含app.json和project.config.json等文件的目录。希望对大家有所帮助！

微信小程序bug:没有找到可以构建的NPM包，请确认需要参与构建的npm在miniprogramroot目录；与app.json: [“usingComponents“][“van-button“]:

qq_52683382的博客

07-21

1850

app.json: ["usingComponents"]["van-button"]: "@vant/weapp/button/index" 未找到

vant组件安装之后导入所有组件报错

qq_45331969的博客

10-10

667

解决办法：在node_modules里面找到 vant目录下面的lib里面的。

小程序学习（15）：使用npm，以vant为例；解决安装完vant后一切正常，但是有的组件找不到，如grid宫格

随便写写

11-20

3439

2019年11月20日 09:06:08 说在开头： 1.我之前的小程序学习（七）是不对的，有些文件需要自己手动新建 2.这里没有grid组件，可能是vant版本的问题，如果是版本问题，建议删除老版本，安装新版本，我在这篇中有安装指定版本的vant 小程序学习（15）：使用npm，以vant为例 1.点击操作，创建package-lock.json 点击详情=》构建npm，然后会自动创建pack...

【微信小程序】[ app.json 文件内容错误] app.json: [“usingComponents“][“van-button“]: “@vant/weapp/button/index“ 未找

TIG_JS的博客

04-11

4755

解决[ app.json 文件内容错误] app.json: ["usingComponents"]["van-button"]: "@vant/weapp/button/index" 未找

uniapp开发微信小程序需要使用vant-weapp组件库，hbuild编译器如何安装vant-weapp组件

07-27

要在HBuilderX中安装vant-weapp组件库，你可以按照以下步骤操作： 1. 打开HBuilderX，进入你的uni-app项目。 2. 在项目根目录下，找到 `manifest.json` 文件。 3. 在 `manifest.json` 文件中，找到 `"easycom"` ...

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交