提示：通過微信開發者工具創建小程序工程后，默認是不開啟npm的，需要修改小程序npm配置參數，否則將會提示“沒有找到可以構建的 NPM 包，請確認需要參與構建的 npm 都在 miniprogramRoot 目錄內，或配置 project.config.json 的 packNpmManually 和 packNpmRelationList 進行構建”的錯誤信息。

文章目錄

• • 前言
  • 1.微信小程序打開npm
  • 2.在miniprogramRoot目錄執行命令
  • 3.npm構建

---

前言

通過微信開發者工具創建小程序工程后，默認是不開啟npm的，需要修改小程序npm配置參數，否則將會提示“沒有找到可以構建的 NPM 包，請確認需要參與構建的 npm 都在 miniprogramRoot 目錄內，或配置 project.config.json 的 packNpmManually 和 packNpmRelationList 進行構建”的錯誤信息。
本文介紹了解決該錯誤，并使微信小程序支持npm的方法。

---

1.微信小程序打開npm

---- 參數miniprogramNpmDistDir配置

在miniprogramRoot目錄下的project.config.json內修改相關參數配置如下：

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

其中，miniprogramNpmDistDir 為 node_modules 所在目錄。

2.在miniprogramRoot目錄執行命令

執行如下命令：

npm init npm install weui-miniprogram

安裝成功后，將在 miniprogramRoot 目錄生成 node_modules 目錄。

---

3.npm構建

執行完上述步驟后，打開微信開發者工具，進行如下操作：

詳情 -> 本地設置 中，勾選“使用 npm 模塊”

點擊 工具 -> 構建 npm


構建完成后，即可引入組件

總結

以上是生活随笔為你收集整理的设置微信小程序支持npm（解决微信小程序npm构建时提示“没有找到可以构建的NPM包，请确认需要参与构建的npm都在miniprogramroot目录内，或配置project...”错误）的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。