Component is not found in path “..../miniprogram_npm/@vant/weapp/button/index“ (using by “pages/inde

贪吃蛇2120

已于 2023-07-06 16:30:07 修改

阅读量2.8k

点赞数 8

文章标签： npm 前端 node.js

于 2023-07-05 18:38:37 首次发布

本文链接：https://blog.csdn.net/cwb_2120/article/details/131561833

版权

微信小程序引入vant 组件报错，是因为咱们在构建npm的时候生成的miniprogram改名字了

改成了miniprogram_npm vant官网没有更新。

解决方法如下：

去咱们的根目录下 project.config.json ==> setting ==> packNpmRelationList ==> miniprogramNpmDistDir , 找到这个修改./miniprogram/ 为 ./miniprogram_npm/

 "packNpmRelationList": [
          "packageJsonPath": "./package.json",
          "miniprogramNpmDistDir": "./miniprogram_npm/"
        ],

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

贪吃蛇2120

关注关注

8
点赞
踩
3

收藏

觉得还不错? 一键收藏
9
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

微信小程序 Component is not found in path “miniprogram_npm/weui-miniprogram“

白瑕的博客

07-24

2493

解决微信小程序weui组件引入后not found的问题.

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

m0_46106931的博客

03-19

836

vant组件库发地安装与使用

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

Component is not found in path “miniprogram_npm/@vant/

xiejunna的博客

03-27

1035

Component is not found in path "miniprogram_npm/@vant/

正确使用微信小程序组件库，解决报错Component is not found in path

热门推荐

Janking's Blog

06-11

1万+

本人node小白，在开发微信小程序的时候想偷懒使用一个组件库，可是一直报这个错误 Component is not found in path "@vant/weapp/dist/image/index" 太焦虑了，找了好久总结出正确的使用步骤，如果也不会的小伙伴按照下列步骤做就不会出问题啦！正确使用步骤以小程序组件库 https://github.com/youzan/vant-weapp 为例在小程序项目根目录打开命令行，输入 npm i @vant/weapp -S --productio

小程序错误：Component is not found in path

weixin_34124939的博客

10-17

4629

问题在使用vant来写小程序的时候，安装官方的方式安装引用: // index.json { "usingComponents": { "van-button": "/miniprogram_npm/vant-weapp/button/index", } } 但是失败了 jsEnginScriptErrorCompone...

小程序Component is not found in path "path/to/vant-weapp/dist/button/index"

纸言片语

04-02

1万+

如果你遇到了这样的问题问题 jsEnginScriptError Component is not found in path "pages/index/miniprogram_npm/vant-weapp/action-sheet" (using by "pages/index/index");onAppRoute Error: Component is not found in path "...

微信小程序npm引入vant-weapp的踩坑记录

10-16

解决方法是删除`miniprogram_npm/vant-weapp`目录下的所有组件文件夹，然后从vant-weapp的GitHub仓库下载最新的dist文件夹中的文件，将其复制到`miniprogram_npm/vant-weapp`目录下。这样可以保证项目的npm模块是从...

微信小程序引用 vant-weapp时“miniprogram/node_modules/@babel/runtime/index.js: 未找到npm包入口文件” 解决办法

yan的秘密基地

09-29

2269

文章目录前言新手使用vant组件库的步骤1、从miniprogram打开终端，初始化npm2、安装vant组件库3、回到小程序开发工具里面顶部导航栏->工具->构建npm4、右上方详情栏勾选“使用npm模块” 前言在微信小程序开发时必不可少需要引入外部组件库引，今天在用vant组件库时遇到了“找不到npm包入口文件”，怎么办？新手使用vant组件库的步骤 1、从miniprogram打开终端，初始化npm npm init 这里一直回车回车回车即可，完成后我们miniprogram下面

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

qq_39547040的博客

07-29

1973

vant/weapp/button/i2ndex" 未找到

微信小程序 Vant Weapp 没有找到可以构建的NPM包，请确认需要参与构建的npm在miniprogramroot目录正确引入vantweapp

lovekobe1997的博客

05-04

934

先新建一个云开发小程序，然后右击，选择在外部终端打开然后输入 npm init -y 然后回车输入npm i @vant/weapp -S --production 然后回车然后点击工具构建npm组件，这是会多出来几个文件夹这时如果还继续保错，找不到npm组间时，需要手动在 project.config.json内添加如下配置，使开发者工具可以正确索引到 npm 依赖的位置。 { ... "setting": { ... "packNpmManually": true

小程序使用组件出现：Component is not found in path “papes/cropper/cropper“ (using by “pages/......错误

m0_52273979的博客

05-23

526

小程序使用组件进行真机调试出现错误 VM1178:1 jsEnginScriptError Component is not found in path "papes/cropper/cropper" (using by "pages/index/index") Error: Component is not found in path "components/like/index" (using by "pages/classic/classic") at e (http://127.0.0.1:

微信小程序--Component is not found in path "pages/index/@vant/weapp/tabbar

qq_41650371的博客

04-25

2554

导入微信tabbar组件的时候出现 Component is not found in path “pages/index/@vant/weapp/tabbar” (using by “pages/index/index”);onAppRoute Error: Component is not found in path “pages/index/@vant/weapp/tabbar” (usin...

微信小程序自定义组件后报错 Component is not found in path

I_xuebi的博客

12-18

1709

微信小程序自定义组件报错 Component is not found in path

微信小程序报错“Component is not found in path”的解决方法

unxeer的博客

04-19

4406

微信小程序报错 Component is not found in path 的解决办法

微信小程序引入MiniProgram Design失败

最新发布

weixin_44892327的博客

06-24

492

这tm MiniProgramDesign 是我用过最垃圾的框架没有之一。到以上步骤没有报错什么都没有,然后在引入组件的时候报错。我按照官网的指示安装居然能安装不成功,牛!然后我尝试着去除这个清理缓存也是好的?垃圾小程序 , 简直是糟粕中的糟粕。这里说明我是用js开发的。

微信小程序安装Vant-weapp报错

m0_57423151的博客

10-12

2089

在微信小程序中安装Vant你是否遇到过Component is not found in path "miniprogram_npm/@vant/weapp/image/index"报错呢？首先检查一下你是否已经安装过了Vant组件，如果已经安装了就先把她的文件都删除，minprogeram_npm和node_modules问件都删除。这其实是因为你没有把项目初始化，我们在安装Vant组件时把项目初始化就可以了。出现以下情况，无限确定（Enter）就可以了。最后在工具中构建npm就可以了。

小程序引入Vant报错，没有创建miniprogram_npm目录

qq_16239417的博客

03-28

3410

小程序引入插件报错详解：没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内，或配置 project.config.json 的 packNpmManually 和 packNpmRelationList 进行构建

wepy2.1.0如何安装tdesign-miniprogram的详细教程

05-19

安装 tdesign-miniprogram 可以通过以下步骤： 1. 首先在微信开发者工具中新建一个小程序项目，并将项目目录设置为合适的路径。 2. 打开命令行工具（如终端或者 Git Bash），在项目目录下运行以下命令安装 tdesign-miniprogram： ``` npm install --save tdesign-miniprogram ``` 3. 安装完成后，在微信开发者工具中打开项目，将 tdesign-miniprogram 中的 dist 文件夹和 utils 文件夹复制到项目目录下。 4. 在 app.json 文件中添加以下内容： ``` { "style": "app.wxss", "usingComponents": { "van-icon": "/utils/vant/icon/index", "van-button": "/utils/vant/button/index", "van-dialog": "/utils/vant/dialog/index", "van-toast": "/utils/vant/toast/index", "van-loading": "/utils/vant/loading/index", "van-cell": "/utils/vant/cell/index", "van-cell-group": "/utils/vant/cell-group/index", "van-form": "/utils/vant/form/index", "van-field": "/utils/vant/field/index", "van-checkbox": "/utils/vant/checkbox/index", "van-checkbox-group": "/utils/vant/checkbox-group/index", "van-radio": "/utils/vant/radio/index", "van-radio-group": "/utils/vant/radio-group/index", "van-switch": "/utils/vant/switch/index", "van-dialog-style": "/dist/vant/dialog/dialog.wxss", "van-cell-style": "/dist/vant/cell/cell.wxss", "vant-css": "/dist/vant/index.wxss" } } ``` 5. 在 app.wxss 中添加以下代码： ``` @import "/utils/vant/index.wxss"; ``` 6. 至此，tdesign-miniprogram 的安装就完成了。你可以在需要使用组件的页面中，使用如下代码进行调用： ``` <van-button type="primary">按钮</van-button> ``` 这样可以在页面中添加一个主题为 primary 的按钮组件。更多组件的使用方法可以参考 tdesign-miniprogram 的官方文档。