小程序构建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组件实现自定义上传
3982 0
|
JavaScript 前端开发
获取JavaScript时间戳函数的5种方法
获取JavaScript时间戳函数的5种方法
469 0
|
小程序 搜索推荐 JavaScript
微信小程序使用Vant
微信小程序使用Vant
835 2
|
数据采集 Web App开发 JavaScript
Python爬虫解析动态网页:从渲染到数据提取
Python爬虫解析动态网页:从渲染到数据提取
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
5149 1
|
小程序
微信小程序 - wx.showModal 内容换行
微信小程序 - wx.showModal 内容换行
901 0
|
JSON 小程序 前端开发
微信小程序的目录结构及页面结构的说明
本文详细介绍了微信小程序的目录结构、页面组成部分以及项目的全局配置文件,阐述了小程序的宿主环境和运行机制,包括小程序启动和页面渲染的过程。
微信小程序的目录结构及页面结构的说明