問題：message： 沒有找到可以構(gòu)建的 NPM 包，請確認(rèn)需要參與構(gòu)建的 npm 都在 miniprogramRoot 目錄內(nèi)，或配置 project.config.json 的 packNpmManually 和 packNpmRelationList 進行構(gòu)建；

描述：這是一個使用 TypeScript+Less 的小程序項目模板，并且該模板安裝了 lin-ui 作為UI組件庫，安裝完畢后使用：工具 -> 構(gòu)建npm 報錯，報錯信息提示:message： 沒有找到可以構(gòu)建的 NPM 包，請確認(rèn)需要參與構(gòu)建的 npm 都在 miniprogramRoot 目錄內(nèi)，或配置 project.config.json 的 packNpmManually 和 packNpmRelationList 進行構(gòu)建；

解答：了解了原理之后發(fā)現(xiàn)很簡單，其實就是執(zhí)行構(gòu)建的時候在根目錄下沒有找到文件，因為原則上小程序需要package.json和app.json在同一個目錄下的，由于TypeScripy+less構(gòu)成的項目并沒有在同一個目錄結(jié)構(gòu)下，因此npm構(gòu)建失敗了，而且，其實錯誤它已經(jīng)提示我們了，就會要改 packNpmManually 和 packNpmRelationList，具體解決步驟如下

• 找到project.config.json文件，這是小程序的項目配置文件，找到setting這個key，它里面有這兩個東西，默認(rèn)狀態(tài)如下

"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/"
      }
    ],

改成這種后就不再報錯了文章來源地址http://www.zghlxwxcb.cn/news/detail-536596.html

到了這里，關(guān)于message： 沒有找到可以構(gòu)建的 NPM 包，請確認(rèn)需要參與構(gòu)建的 npm 都在 `miniprogramRoot` 目錄內(nèi)，或配置 project.config.json 的 packNpmMa的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！