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

最新推荐文章于 2024-06-05 10:37:49 发布

转载最新推荐文章于 2024-06-05 10:37:49 发布 · 1.1k 阅读

4 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/qq_41684393/article/details/110097712

文章标签：

#小程序 #npm

小程序专栏收录该内容

11 篇文章

订阅专栏

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

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

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

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

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