微信小程序npm构建失败,M packages not found. Please confirm npm packages which need to

4,625 阅读1分钟

如标题所言,今天碰到微信小程序试用 npm 构建失败了,不知道哪里出了问题,官方问文档也没有说明此问题。

image.png

操作步骤:

  1. npm init 初始化 package
  2. 安装 tDesign安装教程

image.png 3. 使用 button 组件,发现需要先构建 npm, 然后开始构建,就出现了上面的报错

image.png, 开始在网上扒拉帖子,发现有很多人也是这个问题,看了评论说要配置一下 project.config.json 中的配置,我按照评论配置了,发现还是不行,就各种重启开发者工具 最开始是这么配置的

图片地址

image.png 看到这个说话,我就删除 typescript 等等,都不行 "useCompilerPlugins": [ "typescript", "less" ], image.png

// 最后发现需要把一下代码配置到 setting 里面,才生效
"packNpmManually": true,
"packNpmRelationList": [
  {
    "packageJsonPath": "./package.json",
    "miniprogramNpmDistDir": "./miniprogram/"
  }
]

问题解决

image.png

网上很多都没有说具体配置到哪里,只描述了需要配置什么,为什么不把解决问题描述清楚呢,应了上面图片的一句话,浪费国内开发者多少时间?