安裝完所需要的依賴后，在微信開發(fā)者工具菜單欄中選擇：“工具” -> “構(gòu)建 npm”，但是失敗。
解決方法：修改 project.config.json
開發(fā)者工具創(chuàng)建的項目，miniprogramRoot?默認(rèn)為?miniprogram，package.json?在其外部，npm 構(gòu)建無法正常工作。
需要手動在?project.config.json?內(nèi)添加如下配置，使開發(fā)者工具可以正確索引到 npm 依賴的位置。
{
...
"setting": {
...
"packNpmManually": true,
"packNpmRelationList": [
{
"packageJsonPath": "./package.json",
"miniprogramNpmDistDir": "./"
}
]
}
}
然后重新構(gòu)建npm即可。
補(bǔ)充：
如果依賴部分組件樣式混亂：
原因：小程序的新版基礎(chǔ)組件強(qiáng)行加上了許多樣式，難以覆蓋。
解決：將 app.json 中的?"style": "v2"?去除。
SEO：
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`文章來源：http://www.zghlxwxcb.cn/news/detail-860351.html
沒有找到可以構(gòu)建的 NPM 包，請確認(rèn)需要參與構(gòu)建的 npm 都在 `miniprogramRoot` 目錄內(nèi)，或配置 project.config.json 的 packNpmManually 和 packNpmRelationList 進(jìn)行構(gòu)建。文章來源地址http://www.zghlxwxcb.cn/news/detail-860351.html
到了這里，關(guān)于微信小程序構(gòu)建npm失敗解決方式的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
![微信小程序bug:沒有找到可以構(gòu)建的NPM包，請確認(rèn)需要參與構(gòu)建的npm在miniprogramroot目錄；與app.json: [“usingComponents“][“van-button“]:](https://imgs.yssmx.com/Uploads/2024/02/759212-1.png)
