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

一、前言👁

在微信小程序开发时必不可少需要引入外部组件库引，今天在用vant组件库时遇到了“找不到npm包入口文件”，怎么办？

二、使用vant组件库步骤

1.打开微信开发者工具终端

npm i

2.安装vant组件库

npm i @vant/weapp -S --production

3.回到小程序开发工具里面顶部导航栏->工具->构建npm

在这里插入图片描述

然后就出现了报错,npm无法构建…

出现这种情况的两种原因

1.删除文件的时候没有删除干净 2.执行npm i 的时候自己输入了一些配置信息导致报错

三、解决

第一种

1、先把 package-lock.json, node_modules, miniprogram_npm都删干净。 2、打开终端，执行 npm init ， 3、执行npm i @vant/weapp -S --production 4、重新构建npm

第二种(推倒重来)

1.新建项目 2.把需要的page都复制过来 3.package.json复制过来 4.打开微信开发者工具>终端>npm i 5.终端执行

npm i @vant/weapp -S --production

6.构建npm

至此,vant组件库就可以正常使用了

在这里插入图片描述