小程序构建npm时报错应该如何解决

简介: 小程序开发初遇“NPM packages not found”报错?只需三步解决:1. 在project.config.json中添加packNpmManually和packNpmRelationList配置;2. 项目→重新打开此项目;3. 工具→构建npm。轻松搞定依赖构建问题!

你在第一次开发小程序时,有没有遇到过,点工具 --> 构建 npm 时报错。

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`

PixPin_2026-03-16_11-00-56.png

那么如何解决错误让其正常构建呢?
其实在 构建出现NPM packages not found字样 有提到,但不太详细。
接下来一步步讲解怎么解决。

添加配置项

找到project.config.json,添加以下配置项

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

PixPin_2026-03-16_11-03-55.png

重新打开此项目

菜单栏 --> 项目 --> 重新打开此项目

PixPin_2026-03-16_11-05-02.png

构建 npm

菜单栏 --> 工具 --> 构建 npm

PixPin_2026-03-16_11-05-41.png

目录
相关文章
|
前端开发 JavaScript 安全
【前端相关】elementui使用el-upload组件实现自定义上传
【前端相关】elementui使用el-upload组件实现自定义上传
3786 0
|
JavaScript 前端开发
获取JavaScript时间戳函数的5种方法
获取JavaScript时间戳函数的5种方法
373 0
|
小程序 搜索推荐 JavaScript
微信小程序使用Vant
微信小程序使用Vant
758 2
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
4672 1
|
小程序 JavaScript 前端开发
微信小程序安装和使用 Vant Weapp 组件库
本文介绍了如何在微信小程序中安装和使用Vant Weapp组件库,包括通过npm安装、构建npm、修改配置文件以及在小程序中使用Vant Weapp提供的组件。
微信小程序安装和使用 Vant Weapp 组件库
|
小程序 API
uni-app上传音频,图片步骤
uni-app上传音频,图片步骤
765 0
|
存储 JavaScript 前端开发
深入了解JavaScript中的indexOf()方法:实现数组元素的搜索和索引获取
深入了解JavaScript中的indexOf()方法:实现数组元素的搜索和索引获取
412 0