没有找到可以构建的NPM包，请确认需要参与构建的npm都在 `miniprogramRoot` 目录内 --- 微信小程序报错

已于 2022-09-05 20:17:31 修改
阅读量1w 收藏 14
点赞数 7
分类专栏： 前端记录 学习记录 web前端 文章标签： npm 微信小程序 前端
于 2022-09-05 18:02:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/angrynouse/article/details/126710506
版权

step1. 点 小程序->工具->构建npm 报错

报错：“没有找到可以构建的NPM包，请确认需要参与构建的npm都在 miniprogramRoot 目录内”
在这里插入图片描述

step2. 在项目根目录下点击鼠标右键 按图操作 可打开cmd命令行

在这里插入图片描述

step3. 命令行中输入

	npm init -y
	// 输入命令后 全部回车

在这里插入图片描述

step4. 再回到小程序开发工具页面，按第一步操作，即可构建成功

在这里插入图片描述

step5. 若第4步中按步骤1构建npm后，没有生成miniprogram_npm文件夹

说明项目中没有用npm install安装要使用的UI组件库的依赖，所以就不会出现这个文件夹。

解决办法：项目中安装相关组件库依赖后，再重复第1步构建npm的操作，此时会生成miniprogram_npm文件夹。
在这里插入图片描述

微信小程序 - 详细解决构建npm报错：没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内，或配置 project.config.json
王二红
10-25 5356
微信小程序，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 1183
在项目中使用vant组件库 使用vant组件库，需要先执行安装。 npm i @vant/weapp 因为是在ts+less项目中。结合使用vant组件库，所以直接构建npm的时候，一般会报错。 报错信息： 解决:微信小程序 Vant Weapp 没有找到可以构建的NPM包，请确认需要参与构建的npm在miniprogramroot目录 所以我们需要在文件 project.config.json文件中进行配置。 配置如下： "setting":{ // 值 需要为 true "packNpmMan
微信小程序 Vant Weapp 没有找到可以构建的NPM包，请确认需要参与构建的npm在miniprogramroot目录 正确引入vantweapp
lovekobe1997的博客
05-04 1016
先新建一个云开发小程序，然后右击，选择在外部终端打开 然后输入 npm init -y 然后回车 输入npm i @vant/weapp -S --production 然后回车 然后点击工具 构建npm组件，这是会多出来几个文件夹 这时如果还继续保错，找不到npm组间时，需要手动在 project.config.json内添加如下配置，使开发者工具可以正确索引到 npm 依赖的位置。 { ... "setting": { ... "packNpmManually": true
message： 没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内，或配置 project.config.json 的 packNpmMa
Oliver尹的博客
07-19 1万+
message： 没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内，或配置 project.config.json 的 packNpmMa
NPM packages not found. Please confirm npm packages which need to build are belong to `miniprogramRo
最新发布
2301_79433391的博客
03-13 370
微信小程序构建npm时报错：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就好了。
[wechat] 没有找到可以构建的npm包 请确认需要参与构建的npm都在miniprogramRoot目录内
qubes的专栏
12-08 1126
goal 微信小程序构建npm模块 error 没有找到可以构建的npm包 请确认需要参与构建的npm都在miniprogramRoot目录内 solution 应放在 miniprogramRoot 配置的目录下 package.json和小程序app.json同一个层级 npm init -y 生成的package.json文件位置不对 解决办法：手动删除node_modules下的@types整个文件夹，然后再用工具 → 构建npm ...
message: 没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 `miniprogra
文龙刚的博客
12-28 2677
【代码】message: 没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 `miniprogra。
微信小程序bug:没有找到可以构建的NPM包，请确认需要参与构建的npm在miniprogramroot目录；与app.json: [“usingComponents“][“van-button“]:
qq_52683382的博客
07-21 2330
app.json: ["usingComponents"]["van-button"]: "@vant/weapp/button/index" 未找到
微信小程序构建NPM
我是写BUG的博客
10-19 517
【代码】微信小程序构建NPM。
微信小程序npm安装pinyin库
Astroline的博客
09-03 1565
微信小程序npm安装pinyin库 小程序的拼音库安装，有点儿麻烦，一般来说Dependencies都是在安装主库的时候主库自动安装的，但是在这个库里貌似不大一样(查看node_modules的时候都是可以看到Dependencies的)，但是小程序还是需要编译一次，貌似就是这个编译把Dependencies给弄丢了(强行把3m的文件编译成了8m，吐血)。 安装pinyin库 cd ${proj...
微信小程序-引入第三方组件库-Vant Weapp
耶斯莫鱼拉的博客
08-12 2076
微信小程序-引入第三方组件库-Vant Weapp
没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内，或配置 project.config.json 的 packNpmManually 和
无简介！！
11-10 1186
没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内，或配置 project.config.json 的 packNpmManually 和
微信小程序没有找到可以构建的NPM包，请确认需要参与构建的npm在miniprogramroot目录
热门推荐
wsdxho的博客
08-21 2万+
文章目录前言一、排查是否安装npm二、如果没有安装1.npm init 会提示不是内部命令2.安装node环境三、开始构建nmp1.进入小程序根目录（app.js所在目录），打开cmd2.输入：npm i miniprogram-sm-crypto --production四、勾一下使用npm依赖五、点击 微信开发者工具的 工具=>构建npm总结 文章目录前言一、排查是否安装npm二、如果没有安装1.npm init 会提示不是内部命令2.安装node环境三、开始构建nmp1.进入小程序根目录（a
没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内
weixin_60353902的博客
08-08 1662
vant-webapp，构建npm时报错，解决办法：确保你npm install 安装包时，在miniprogramRoot目录里面安装。
微信开发者工具导入第三方自定义组件构建npm报错：“message： 没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 miniprogramRoot 目录内，或配置 projec
weixin_52683524的博客
03-15 6358
微信开发者工具导入第三方自定义组件构建npm报错：“message： 没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 miniprogramRoot 目录内，或配置 project.config.json 的 packNpmManually 和 packNpmRelationList 进行构建” 项目场景：在微信开发者工具中导入第三方组件weui-miniprogram，点击构建npm时报错，具体过程看官方文档的快速上手部分（提示：写下过程只是给有类似错误的同学一些参考，急的同学可以直接
微信小程序使用npm包报错npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。 所在位置 行:1 字符: 1
03-12
<think>好的，我现在需要解决用户提出的关于微信小程序中使用npm包时遇到的“npm命令未找到”错误的问题。首先，我得回想一下相关的知识，并结合提供的引用内容来给出正确的解决方案。 首先，用户的问题是在使用npm时遇到命令未找到的错误。这种情况通常有几个可能的原因：npm未安装、环境变量配置问题、或者在小程序项目中的路径设置不正确。我需要逐一分析这些可能性，并参考用户提供的引用内容。 根据引用[2]和[3]，用户可能在构建npm包时遇到问题，比如路径配置错误或者缓存问题。例如，引用[2]提到如果miniprogram_npm目录中有旧的内容，可能导致构建错误，需要清空后重新构建。引用[3]则指出构建npm时可能因为miniprogramRoot配置不正确而找不到包，需要检查project.config.json文件。这些信息可以帮助用户处理构建问题，但当前用户的错误是“命令未找到”，这可能更基础，比如npm本身没有安装或无法访问。 首先，我需要确认用户是否正确安装了Node.js和npm。如果用户没有安装npm，自然会出现这个错误。因此，解决方案的第一步应该是检查Node.js和npm的安装情况。用户需要访问Node.js官网下载安装包，并确保安装时勾选了npm选项。 安装完成后，用户需要验证npm是否可用，通过在命令行输入npm -v来查看版本。如果仍然报错，可能是环境变量的问题。这时候需要检查系统的PATH环境变量是否包含npm的安装路径。通常，Node.js安装时会自动配置环境变量，但有时可能需要手动添加，尤其是在某些操作系统上或自定义安装路径的情况下。 接下来，用户可能在错误的工作目录下运行npm命令。微信小程序项目有特定的目录结构，用户需要确保在项目的根目录下（即包含project.config.json文件的目录）执行npm install等命令。如果不在正确的目录下，npm可能无法正确安装依赖，或者构建时找不到相关包，如引用[3]中提到的miniprogramRoot配置问题。 此外，引用[2]提到清空miniprogram_npm目录后重新构建npm可能解决某些问题。如果用户已经安装了npm包，但构建时出错，可能需要执行清理步骤。但当前用户的错误是命令未找到，这可能与安装或环境变量有关，而不是构建阶段的问题。 另外，微信开发者工具本身是否需要配置npm模块？根据经验，微信小程序需要在工具中配置npm模块，并执行构建步骤。用户可能安装了npm包，但未在开发者工具中构建，导致引用失败。但“命令未找到”更可能是在命令行中执行npm时的问题，而不是在工具内部。 总结可能的原因及解决方案： 1. **未安装Node.js/npm**：安装Node.js，确保npm可用。 2. **环境变量未配置**：检查PATH，确保npm路径正确。 3. **错误的工作目录**：在项目根目录下运行命令。 4. **微信开发者工具配置**：构建npm可能需要正确配置project.config.json中的miniprogramRoot，如引用[3]所述。 5. **缓存或旧文件问题**：如引用[2]所述，清空miniprogram_npm后重新构建。 需要将这些步骤按顺序组织，帮助用户逐步排查问题。同时，注意引用相关的内容来支持解决方案，例如引用[2]和[3]中的处理方式。 可能还需要提醒用户，安装完成后需要在微信开发者工具中重新构建npm，并检查是否有其他配置问题，如分包配置（引用[4]和[5]提到的分包大小限制可能不相关，但需要确保主包正确引用npm模块）。 最后，生成相关问题，帮助用户进一步解决可能遇到的后续问题，比如构建失败、包大小限制等。</think>### 微信小程序“npm命令未找到”错误解决方案 #### 1. 确认Node.js和npm已正确安装 - **安装Node.js**：访问[Node.js官网](https://nodejs.org/)下载安装包，安装时勾选 **npm package manager** 选项[^1]。 - **验证安装**：在命令行输入以下命令，若显示版本号则安装成功： ```bash node -v npm -v ``` - 若提示“命令未找到”，需检查环境变量配置（见步骤2）。 #### 2. 配置系统环境变量 - **Windows**： 1. 右键“此电脑” → 属性 → 高级系统设置 → 环境变量。 2. 在 **Path** 中添加Node.js的安装路径（默认：`C:\Program Files\nodejs\`）。 - **macOS/Linux**： ```bash export PATH=/usr/local/bin:$PATH # 临时生效 # 永久生效：将上述命令添加到 ~/.bashrc 或 ~/.zshrc 文件 ``` #### 3. 确保在项目根目录运行命令 - 微信小程序项目根目录需包含 **project.config.json** 文件。 - 在根目录下执行命令： ```bash npm init -y # 初始化npm（若未初始化） npm install <包名> # 安装所需包（例如：npm install mobx-miniprogram） ``` #### 4. 配置微信开发者工具 1. 进入开发者工具 → 菜单栏 → 工具 → 构建npm。 2. 若提示“未找到可构建的包”，检查 **project.config.json** 中的 `miniprogramRoot` 是否指向正确目录（通常为 `./`）[^3]。 3. 若构建失败，清空 **miniprogram_npm** 目录后重新构建[^2]。 #### 5. 处理缓存问题 - 删除 **node_modules** 和 **miniprogram_npm** 目录： ```bash rm -rf node_modules rm -rf miniprogram_npm ``` - 重新安装依赖并构建： ```bash npm install # 在开发者工具中再次点击“构建npm” ``` --- ###
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值