设置微信小程序支持npm（解决微信小程序npm构建时提示“没有找到可以构建的NPM包，请确认需要参与构建的npm都在miniprogramroot目录内，或配置project...”错误）的方法

2024-06-03 15:03:35

提示：通过微信开发者工具创建小程序工程后，默认是不开启npm的，需要修改小程序npm配置参数，否则将会提示“没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 miniprogramRoot 目录内，或配置 project.config.json 的 packNpmManually 和 packNpmRelationList 进行构建”的错误信息。

文章目录

前言
1.微信小程序打开npm
2.在miniprogramRoot目录执行命令
3.npm构建

前言

通过微信开发者工具创建小程序工程后，默认是不开启npm的，需要修改小程序npm配置参数，否则将会提示“没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 miniprogramRoot 目录内，或配置 project.config.json 的 packNpmManually 和 packNpmRelationList 进行构建”的错误信息。
本文介绍了解决该错误，并使微信小程序支持npm的方法。

1.微信小程序打开npm

---- 参数miniprogramNpmDistDir配置

在miniprogramRoot目录下的project.config.json内修改相关参数配置如下：

{..."setting": {..."packNpmManually": true,"packNpmRelationList": [{"packageJsonPath": "./package.json","miniprogramNpmDistDir": "./"}]}
}

其中，miniprogramNpmDistDir 为 node_modules 所在目录。

2.在miniprogramRoot目录执行命令

执行如下命令：
```
npm init
```
```
npm install weui-miniprogram
```

安装成功后，将在 miniprogramRoot 目录生成 node_modules 目录。

3.npm构建

执行完上述步骤后，打开微信开发者工具，进行如下操作：

详情 -> 本地设置中，勾选“使用 npm 模块”
点击工具 -> 构建 npm

构建完成后，即可引入组件

设置微信小程序支持npm（解决微信小程序npm构建时提示“没有找到可以构建的NPM包，请确认需要参与构建的npm都在miniprogramroot目录内，或配置project...”错误）的方法相关推荐

微信小程序引用Vant组件库message：没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内...
问题描述 message: 没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内,或配置 project.config.json 的 pack ...
微信小程序没有找到可以构建的NPM包，请确认需要参与构建的npm在miniprogramroot目录
文章目录前言一.排查是否安装npm 二.如果没有安装 1.npm init 会提示不是内部命令 2.安装node环境三.开始构建nmp 1.进入小程序根目录(app.js所在目录),打开cmd ...
message：没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内，或配置 project.config.json 的 packNpmMa
先执行npm init ,npm i 这两个命令然后执行npm i @vant/weapp -S --production 在文件project.private.config.json中加 &quo ...
zend studio php 错误提示,如何解决Win7打开启动ZendStudio PHP时提示错误
最近有一用户在Windows7系统中打开WZend Studio软件时,弹出了错误提示Failed to create the Java Virtual Machine的问题,导致无法正常启动该软件, ...
c++输入错误重新输入_管家婆提示本单据的日期太大，请确认后重新输入
最近遇到几个客户在使用管家婆老版本的软件,在保存单据的时候提示本单据的日期太大,请确认后重新输入,如图可是昨天使用都好好的呀,也正常过账了,这个是怎么回事呢? 这个是由于使用的管家婆软件版本较老,开 ...
解决删除文件时出现“该项目不在XX中，请确认该项目的位置然后重试”的提示
解决删除文件时出现"该项目不在XX中,请确认该项目的位置然后重试"的提示教你一个无敌删除的命令,所有的流氓软件及顽固程序等都可以轻松的删除 1.桌面右键-新建-文本文档-(双击桌 ...
解决WordPress博客安装插件时提示输入FTP用户名和密码的问题
http://www.lajiz.cn/1310.html 自从垃圾站博客从电信通搬家到万网虚拟主机后,总是出现问题,刚开始是万网M3主机禁用mail()函数导致WordPress博客无法发送评论回复 ...
DiskGenius分区时提示：磁盘“**”的分区已更改，请先保存分区表，然后执行本操作解决方法
DiskGenius分区时提示:磁盘"**"的分区已更改,请先保存分区表,然后执行本操作解决方法操作步骤: 1.需要先保存更改,再重新合并分区或者重新分区: 2.点击确定即可. ...
微信小程序不支持打开非业务域名_一行代码网站封装微信小程序，并解决微信小程序不支持打开非业务域名https://,请重新配置的问题！...
一行代码封装微信小程序利用「」一行代码原封不动的把你现有博客或者网站封装成小程序. 第一步注册微信小程序账号并登陆,点击菜单栏 "开发" 中的"开发设置", ...

最新文章

热门文章