message：没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内，或配置 project.config.json 的 packNpmMa-Toy模板网

这篇具有很好参考价值的文章主要介绍了message：没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内，或配置 project.config.json 的 packNpmMa。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

问题：message：没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 miniprogramRoot 目录内，或配置 project.config.json 的 packNpmManually 和 packNpmRelationList 进行构建；

描述：这是一个使用 TypeScript+Less 的小程序项目模板，并且该模板安装了 lin-ui 作为UI组件库，安装完毕后使用：工具 -> 构建npm 报错，报错信息提示:message：没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 miniprogramRoot 目录内，或配置 project.config.json 的 packNpmManually 和 packNpmRelationList 进行构建；

解答：了解了原理之后发现很简单，其实就是执行构建的时候在根目录下没有找到文件，因为原则上小程序需要package.json和app.json在同一个目录下的，由于TypeScripy+less构成的项目并没有在同一个目录结构下，因此npm构建失败了，而且，其实错误它已经提示我们了，就会要改 packNpmManually 和 packNpmRelationList，具体解决步骤如下

找到project.config.json文件，这是小程序的项目配置文件，找到setting这个key，它里面有这两个东西，默认状态如下

"setting": {
    "useCompilerPlugins": [
      "typescript",
      "less"
    ],
    "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": false,
    "packNpmRelationList": [],
    
    "minifyWXSS": true,
    "useStaticServer": true,
    "showES6CompileOption": false,
    "checkInvalidKey": true,
    "babelSetting": {
      "ignore": [],
      "disablePlugins": [],
      "outputPath": ""
    },
    "disableUseStrict": false,
    "minifyWXML": true
  },

在里面找到packNpmManually和packNpmRelationList，改成如下配置

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

改成这种后就不再报错了文章来源地址https://www.toymoban.com/news/detail-536596.html

到了这里，关于message：没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内，或配置 project.config.json 的 packNpmMa的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！