微信小程序使用npm出现问题

问题：

在微信小程序开发中使用npm的过程中碰到如下问题：

 message：找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内，或配置 project.config.json 的 packNpmManually

解决：首先我们可以找到prject.config.json文件，在setting这个配置下将packNpmManually和packNpmRelationList这两个项的值修改为代码中这样即可。

"description": "项目配置文件，详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
  "packOptions": {
    "ignore": [],
    "include": []
  },
  "miniprogramRoot": "miniprogram/",
  "compileType": "miniprogram",
  "projectname": "ts-demo",
  "setting": {
    "useCompilerPlugins": [
      "typescript"
    ],
    "urlCheck": true,
    "coverView": true,
    "es6": true,
    "postcss": true,
    "lazyloadPlaceholderEnable": false,
    "preloadBackgroundData": false,
    "minified": true,
    "autoAudits": false,
    "uglifyFileName": false,
    "uploadWithSourceMap": true,
    "enhance": true,
    "showShadowRootInWxmlPanel": true,
修改下列两个项的值
    "packNpmManually": true,
    "packNpmRelationList": [
      {
        "packageJsonPath": "./package.json",
        "miniprogramNpmDistDir": "./miniprogram/"
      }
    ],

然后可以在左上角的工具栏中找到工具，点击构建npm，

最后显示完成构建（如下图），就可以正常使用npm了。

 ​

续：其他注意点

有些小伙伴表示使用上述方式还是无效，可以查看是否miniprogramNpmDistDir的与自己项目的不符合，需要根据自己项目的情况填写对应路径

其他也可以查看这个微信社区讨论的文章：新建Ts小程序模版构建npm错误 ，没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `minipro | 微信开放社区