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

简介: 【微信小程序】微信开发者工具 引用 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组件库就可以正常使用了

目录
相关文章
|
29天前
|
Web App开发 JavaScript 前端开发
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念,包括事件驱动、单线程模型和模块系统;探讨其安装配置、核心模块使用、实战应用如搭建 Web 服务器、文件操作及实时通信;分析项目结构与开发流程,讨论其优势与挑战,并通过案例展示 Node.js 在实际项目中的应用,旨在帮助开发者更好地掌握这一强大工具。
45 1
|
17天前
|
存储 JavaScript NoSQL
Node.js新作《循序渐进Node.js企业级开发实践》简介
《循序渐进Node.js企业级开发实践》由清华大学出版社出版,基于Node.js 22.3.0编写,包含26个实战案例和43个上机练习,旨在帮助读者从基础到进阶全面掌握Node.js技术,适用于初学者、进阶开发者及全栈工程师。
45 9
|
26天前
|
JavaScript
如何使用内存快照分析工具来分析Node.js应用的内存问题?
需要注意的是,不同的内存快照分析工具可能具有不同的功能和操作方式,在使用时需要根据具体工具的说明和特点进行灵活运用。
40 3
|
1月前
|
JavaScript 前端开发 中间件
JS服务端技术—Node.js知识点
本文介绍了Node.js中的几个重要模块,包括NPM、Buffer、fs模块、path模块、express模块、http模块以及mysql模块。每部分不仅提供了基础概念,还推荐了相关博文供深入学习。特别强调了express模块的使用,包括响应相关函数、中间件、Router和请求体数据解析等内容。文章还讨论了静态资源无法访问的问题及其解决方案,并总结了一些通用设置。适合Node.js初学者参考学习。
43 1
|
1月前
|
JSON JavaScript 前端开发
使用JavaScript和Node.js构建简单的RESTful API
使用JavaScript和Node.js构建简单的RESTful API
|
JavaScript Windows
npm修改包的安装位置
来自一个深度洁癖患者的哀鸣 从官方下载安装包默认安装完node.js后会自己安装npm,但是npm下载全局模块默认安装到C盘AppData的Roaming目录下 我们可以用以下命令来修改全局模块路径和缓存路径 npm config set prefix "D:\\Program Files (x86)\\Node\\prefix" npm config set cache "D:\\Program Files (x86)\\Node\\cache" 因为把全局包路径改到了D盘,但是使用全局模块的的时候会提示 ‘vue’ 不是内部或外部命令,也不是可运行的程序或批处理文件。
4623 0
|
2月前
|
缓存 资源调度 JavaScript
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
67 0
2071 verbose node v16.6.0 2072 verbose npm v7.19.1或者 no such file or directory, lstat ‘D:\wor
该博客文章提供了解决在使用npm版本7.19.1时出现的"no such file or directory"错误的具体方法,建议通过降级npm到6.14.8版本来解决问题,并确认了该方法可以成功安装node_modules。
2071 verbose node v16.6.0 2072 verbose npm v7.19.1或者 no such file or directory, lstat ‘D:\wor
|
4月前
|
缓存 JavaScript 前端开发
成功解决:npm 版本不支持node.js。【 npm v9.1.2 does not support Node.js v16.6.0.】
这篇文章介绍了如何解决npm版本与Node.js版本不兼容的问题,提供了查看当前npm和Node.js版本的步骤,以及如何根据Node.js版本选择合适的npm版本并进行升级的详细指导。
成功解决:npm 版本不支持node.js。【 npm v9.1.2 does not support Node.js v16.6.0.】

推荐镜像

更多