微信小程序构建npm失败解决方式

安装完所需要的依赖后,在微信开发者工具菜单栏中选择:"工具" -> "构建 npm",但是失败。

解决方法:修改 project.config.json

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

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

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

然后重新构建npm即可。

补充:

如果依赖部分组件样式混乱:

原因:小程序的新版基础组件强行加上了许多样式,难以覆盖。

解决:将 app.json 中的**"style": "v2"**去除。

SEO:

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 包,请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内,或配置 project.config.json 的 packNpmManually 和 packNpmRelationList 进行构建。

相关推荐
壹立科技1 小时前
Java源码构建智能名片小程序
java·开发语言·小程序
qingyingWin3 小时前
原生微信小程序研发,如何对图片进行统一管理?
前端·微信小程序
shadouqi4 小时前
问题1:uniapp在pages样式穿刺没有问题,在components组件中样式穿刺小程序不起效果
小程序·uni-app
韩召华4 小时前
uniapp实现微信小程序导航功能
微信小程序·uni-app·notepad++
前端Hardy6 小时前
10 分钟搞定婚礼小程序?我用 DeepSeek 把同学的作业卷成了范本!
前端·javascript·微信小程序
2501_9159090612 小时前
iOS电池寿命与App能耗监测实战 构建完整性能监控系统
android·ios·小程序·https·uni-app·iphone·webview
一只开心鸭!13 小时前
原生微信小程序实现语音转文字搜索---同声传译
微信小程序·小程序
weixin_lynhgworld14 小时前
旧物回收小程序:科技赋能,让旧物回收焕发生机
科技·小程序
零点七九17 小时前
vue npm install卡住没反应
前端·vue.js·npm
此心光明事上练18 小时前
微信小程序组件发布为 npm 包的具体步骤
微信小程序·小程序·npm