微信小程序,引用扩展组件提示“没有找到可以构建的NPM包”

在微信小程序开发中遇到npm包构建问题,提示找不到可构建的NPM包。解决办法是修改project.config.json配置,设置"packNpmManually": true和"packNpmRelationList",确保package.json在miniprogramRoot目录下。然后在微信开发者工具中构建npm并启用使用npm模块选项,完成构建后即可成功引入npm组件。
摘要由CSDN通过智能技术生成

在微信小程序开发中,需要引入扩展组件的时候,使用npm引入之后,却提示“没有找到可以构建的NPM包”,查了很多资料,原来是需要参与构建的npm在miniprogramroot目录。

开发者工具创建的项目,miniprogramRoot默认为 miniprogrampackage.json在其外部,npm 构建无法正常工作。

需要手动在 project.config.json内添加如下配置,使开发者工具可以正确索引到 npm 依赖的位置。

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

打开微信开发者工具,点击 工具 -> 构建 npm,并勾选 使用 npm 模块 选项,构建完成后,即可成功引入组件。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值