設置微信小程序支持npm（解決微信小程序npm構建時提示“沒有找到可以構建的NPM包，請確認需要參與構建的npm都在miniprogramroot目錄內，或配置project...”錯誤）的方法

提示：通過微信開發者工具創建小程序工程后，默認是不開啟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目錄執行命令

1. 執行如下命令：

   npm init
   

   npm install weui-miniprogram
   

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

---

3.npm構建

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

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

2. 點擊 工具 -> 構建 npm
   
   
   構建完成后，即可引入組件