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

您所在的位置:网站首页 小程序开发json文件错误怎么办 设置微信小程序支持npm(解决微信小程序npm构建时提示“没有找到可以构建的NPM包,请确认需要参与构建的npm都在miniprogramroot目录内,或配置project...”错误)的方法

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

2024-07-12 00:59| 来源: 网络整理| 查看: 265

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

文章目录 前言1.微信小程序打开npm2.在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 在这里插入图片描述 在这里插入图片描述 构建完成后,即可引入组件



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3