目錄
錯誤1：沒有找到可以構建的NPM包，請確認需要參與構建的npm在miniprogramroot目錄
舊版本
?新版本
錯誤二：app.json: ["usingComponents"]["van-button"]: "@vant/weapp/button/index" 未找到
錯誤1：沒有找到可以構建的NPM包，請確認需要參與構建的npm在miniprogramroot目錄
今天在寫微信小程序的時候，在里面引入包的時候，然后構建npm時，報了一個錯：沒有找到可以構建的NPM包，請確認需要參與構建的npm在miniprogramroot目錄。
通過查看vant官方文檔：Vant Weapp - 輕量、可靠的小程序 UI 組件庫
發(fā)現(xiàn)應該是第三步出了問題：
在project.config.json?內(nèi)添加如下配置，使開發(fā)者工具可以正確索引到 npm 依賴的位置。
舊版本
這里如果你是舊版本的微信開發(fā)者工具：
這里注意：我的微信開發(fā)者工具版本為：（頂部查看）
?在該文件下配置下面的代碼
{
...
"setting": {
...
"packNpmManually": true,
"packNpmRelationList": [
{
"packageJsonPath": "./package.json",
"miniprogramNpmDistDir": "./miniprogram/"
}
]
}
}
你需要在項目根目錄新建一個 miniprogram 文件夾，然后再構建
?構建成功后生成 miniprogram_npm 目錄
?新版本
最近下載的版本,miniprogramNpmDistDir配置為'./'即可,如下
{
...
"setting": {
...
"packNpmManually": true,
"packNpmRelationList": [
{
"packageJsonPath": "./package.json",
"miniprogramNpmDistDir": "./"
}
]
}
}同時注意：
在使用微信開發(fā)者工具時，經(jīng)常會遇見一些奇怪的問題，
多執(zhí)行下面兩個操作能解決很多問題。
錯誤二：app.json: ["usingComponents"]["van-button"]: "@vant/weapp/button/index" 未找到
官方文檔：Vant Weapp - 輕量、可靠的小程序 UI 組件庫
注意：官方文檔已經(jīng)詳細介紹了使用步驟?。。?！
在確保自己 npm init 了，也下載了包之后，移除全局配置 "style": "v2"，也引用了包之后。
?依然報錯，我的解決方法：將路徑刪掉，然后一層一層自己手動點出來，通過它的路徑提示來寫。我之前這一塊是直接復制粘貼的其他人的，自己把路徑點出來后，再重新編譯就不再報錯了。
最后：
此處基礎庫設置為通用版本，會減少一些莫名的bug。文章來源：http://www.zghlxwxcb.cn/news/detail-759212.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-759212.html
到了這里，關于微信小程序bug:沒有找到可以構建的NPM包，請確認需要參與構建的npm在miniprogramroot目錄；與app.json: [“usingComponents“][“van-button“]:的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
![解決BUG:微信小程序vant引入報錯[“usingComponents“][“van-search“]: “@vant/weapp/search/index“ 未找到](https://imgs.yssmx.com/Uploads/2024/02/509850-1.png)
