小程序构建npm失败（解决方法）

最新推荐文章于 2025-07-08 20:45:59 发布
原创 最新推荐文章于 2025-07-08 20:45:59 发布 · 1w 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文针对初次使用npm在小程序中遇到的node_modules目录缺失问题提供了解决方案。指出官方文档可能存在的误导，并给出正确的命令行指令，帮助开发者顺利安装所需npm包。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

小程序的官方文档真的是 **
关于小程序的构建，官方文档上是这样说的：
在这里插入图片描述
我相信无数个人，尤其是在小程序上第一次使用npm的人都发现，执行地2不你会发现他提示你没有找到 node_modules 目录。
在这里插入图片描述

别看文档了 我告诉你为啥,因为你第一步就被它引导错了！

你要执行的命令是

npm install --production @antv/f2-canvas

npm install --production 后面要跟上你的npm包名，然后一路畅通

微信小程序 - 详细解决构建npm报错：没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内，或配置 project.config.json
资深程序员
10-25 5605
微信小程序，vue2，vue3，构建npm功能出错，微信开发者工具构建NPM失败，解决没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 miniprogramRoot` 目录内，或配置 project.config.json，新建Ts小程序模版构建npm错误 ，微信小程序npm安装vant weapp组件库无法构建npm，微信小程序引入腾讯tdesign UI组件库时出现构建npm失败并提示，yarn安装引入第三方插件后无法构建怎么办，没有找到可以构建的 NPM 包，详细解决方案，改了配置
在小程序中：使用ts+less项目，无法使用npm包构建问题：解决:微信小程序 Vant Weapp 没有找到可以构建的NPM包，请确认需要参与构建的npm在miniprogramroot目录
听雨少年的博客
01-01 1217
在项目中使用vant组件库 使用vant组件库，需要先执行安装。 npm i @vant/weapp 因为是在ts+less项目中。结合使用vant组件库，所以直接构建npm的时候，一般会报错。 报错信息： 解决:微信小程序 Vant Weapp 没有找到可以构建的NPM包，请确认需要参与构建的npm在miniprogramroot目录 所以我们需要在文件 project.config.json文件中进行配置。 配置如下： "setting":{ // 值 需要为 true "packNpmMan
微信小程序构建npm失败解决方式
llssdshiyi的博客
02-29 2430
NPM packages not found. Please confirm npm packages which need to build are belong to `miniprogramRoot` directory. Or you may edit project.config.json's `packNpmManually` and `packNpmRelationList`没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内，或配置
微信小程序构建NPM包失败
Aurora_1970s的博客
10-18 1416
微信小程序构建NPM 包失败 方法一 进入项目目录，输入： npm init 然后一直回车就行了 方法二 进入项目目录，输入： npm i miniprogram-sm-crypto --production 上面两种方法尝试之后，再选择微信开发者中点工具-构建npm，然后就成功了。 ...
微信开发者工具构建npm报错message： NPM packages not found. Please confirm npm packages which need to build
最新发布
2301_81283957的博客
07-08 224
1.project.config.json中。2.源代码根目录下，右击在终端中打开。
微信小程序 构建npm报错 没有生成miniprogram_npm目录
MorrisGeek的博客
11-09 5372
拉取已有仓库，在目录下执行npm install，再在微信开发者工具里点构建npm，报错说找不到/miniprogram_npm
微信小程序构建npm失败，没有找到可以构建的npm包
wang_59881的博客
11-27 772
微信小程序构建npm失败，没有找到可以构建的npm包
小程序构建npm失败
罗曼蒂克在消亡
09-20 1290
今天在初始化后的小程序中引入TDesign组件库，构建npm时报错。
微信小程序使用npm支持踩坑
10-17
现在，让我们深入探讨在微信小程序中使用npm支持时可能遇到的问题以及解决方案。微信小程序从基础库版本2.2.1及以上和开发者工具1.02.1808300及以上开始，正式支持通过npm安装第三方库，这极大地扩展了小程序的功能...
小程序自定义组件上传发布npm以及使用详细流程
weixin_44564157的博客
10-09 1518
一、简介小程序自定义组件 支付宝小程序创建和发布自定义组件流程 npm 删除(废弃)发布包或版本 前端开发经常需要使用到 npm 安装第三方库，那么如何将自己写的库上传到 npm 进行使用呢？ 如果在项目中使用到依赖包，可以先了解一下 npm 命令使用介绍以及区别，里面有对安装依赖包的详细介绍 二、注册 NPM 账号 注册好之后记得去填的注册邮箱里面验证一下，在继续下一步，否则发布会报错。 三、打开命令行，登录 NPM 在登录之前，先确定一下 NPM 镜像，如果镜像在之前设置为了淘宝镜像，那么在使
微信小程序 构建npm报错： 没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内，
苦夏木禾
06-01 1456
微信小程序 构建npm报错： 没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内，
小程序npm构建
m0_55954117的博客
05-18 360
在构建小程序npm的时候遇到一些问题 及vant组件库在小程序中怎么去使用 以下是解决方案 首先，从当前文件根目录 打开终端控制， 1、输入 npm init -y 初始化项目 2、再输入 npm i miniprogram-sm-crypto --production 3、再点击工具里的 npm构建 即可构建成功 如需引入vant 组件库 则 通过 npm 安装 1、 npm i @vant/weapp -S --production 2、将 app.json 中的 “style”: “v2” 去
【小程序】构建npm失败，没有找到 node_modules 目录
Y.Cheng的博客
02-21 7835
小程序从基础库版本 2.2.1 以上就开始支持npm安装第三方包了，看了文档之后，我就吐槽（妈的写这么笼统，坑不死人）。 文档: 一般我们看了文档后，就会跟着文档走流程，果然就被文档带跑了。 首先，如果你按文档走下去： 1、执行命令安装npm install 2、工具 -> 构建npm 恭喜你，将会看到没有找到 node_modules 目录。 问题原因： 一直开发小程序，没怎么用过npm...
小程序构建npm包，提示npm构建未找到npm包入口文件
weixin_49261425的博客
02-18 3214
1. 进入小程序根目录：C:\Users\Administrator>cd C:\Users\Administrator\Desktop\ml 输入npminit 过程中全部回车就好！ 2.安装你需要的内容npm i @vant/weapp -S --production 3.勾选以下内容： 工具>构建npm 以上就是完成了所有步骤 如果按照以上步骤，提示npm构建未找到npm包入口文件，则： 1. 先把 package-lock.json,package.jso...
【解决】微信小程序构建npm发生错误
蝶的博客
12-07 516
由于目前新版开发者工具创建的小程序目录文件结构问题，npm构建的文件目录为miniprogram_npm，并且开发工具会默认在当前目录下创建miniprogram_npm的文件名，所以新版本的miniprogramNpmDistDir配置为’./'即可。Error: E:\0 0代码.微信小程序\fl_01\miniprogram\ 未找到。message：发生错误。
微信小程序构建npm失败
flyhorse1010的专栏
12-20 1089
构建npm
小程序构建npm包失败的究极解决办法
fationopen的博客
07-20 1728
123
在微信开发程序中点击执行“构建npm“报错
haruhyuhae的博客
09-25 595
一、官网给的文档写的不够充分，需要你充分理解npm的使用方法，才能明白的； 二、开始步骤： 1、第一步：npm init 2、第二步：npm install --production 3、第三步： npm i vant-weapp -S --production 三、还要注意一点就是微信开发者工具要更新到最新版本，不然点击工具没有构建npm这一栏， 原文：https://blog.youkuaiyun.com/zfeng816/article/details/85095885 ...
微信小程序无模板构建npm
02-08
### 微信小程序无模板 npm 构建方法 对于微信小程序而言，构建 npm 的核心在于通过特定命令使项目能够识别并处理 `package.json` 文件中的依赖项。即使没有预设模板，依然可以通过手动配置实现这一过程。 #### ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值