小程序現在支持直接通過npm安裝包了，點擊這里了解更多。愛掏網 - it200.com

記錄一下我自己的安裝步驟及安裝過程中遇到的一些問題。愛掏網 - it200.com希望能夠幫助到正在閱讀此篇文章的你~

我就直接通過在項目根目錄安裝miniprogram-datepicker做演示了。愛掏網 - it200.com

1.在項目根目錄下面新建文件夾：node_modules。愛掏網 - it200.com

?

2.終端進入到node_modules文件夾所在的目錄

（注意不是node_modules文件夾里面），在此例中就是根目錄了。愛掏網 - it200.com

執行：

cnpm i miniprogram-datepicker -S --production

我這里做了淘寶鏡像映射，所以用的cnpm，如果沒有做該映射，你就用npm。愛掏網 - it200.com

?

3.安裝好之后，勾選 “使用npm模塊”

?

4.點擊開發者工具中的菜單欄：工具 --> 構建 npm

?

這一步完成之后你會看到跟node_modules同級多了一個文件夾?miniporgram_npm

?

?

5.直接引用該模塊了

因為這個是自定義組件，所以我們在需要使用 datepicker 的頁面page.json中添加 datepicker 自定義組件配置：

{
  "usingComponents": {
    "datepicker": "miniprogram-datepicker"
  }
}

?

我們還可以通過js引入npm包：

const myPackage = require(\'packageName\') //方法一
import { myPackage} from \'packageName\' //方法二

?

然而。愛掏網 - it200.com。愛掏網 - it200.com。愛掏網 - it200.com。愛掏網 - it200.com。愛掏網 - it200.com

我發現我引用的時候報錯。愛掏網 - it200.com。愛掏網 - it200.com。愛掏網 - it200.com。愛掏網 - it200.com

這個問題我還未解決。愛掏網 - it200.com。愛掏網 - it200.com。愛掏網 - it200.com如果有知道解決方案的，望告知。愛掏網 - it200.com不甚感激~

官方有文檔如下：

所以我覺得它應該會自己找這個模塊，一直到根目錄。愛掏網 - it200.com但是事實沒有，我不知道是不是我理解錯了。愛掏網 - it200.com。愛掏網 - it200.com。愛掏網 - it200.com

?

-----12.26補充-----

出現上面這個問題是因為我用的cnpm安裝包，不能用cnpm，只能用npm。愛掏網 - it200.com

詳情可查看：npm安裝包引用提示找不到該模塊

?-----//12.26補充-----

?

接下來說下遇到的問題：

1.node_modules文件夾需要自己創建。愛掏網 - it200.com

?

2.執行上面第4步，也就是 構建npm 的時候一直提示?找不到node_modules模塊。愛掏網 - it200.com

原因：

沒有package.json文件。愛掏網 - it200.com

?

解決方法：

在安裝npm包的時候，需要用到 -S，完整的命令語句是?npm install 安裝包名字 -S --production。愛掏網 - it200.com

經測試發現，如果沒有添加-S就不會生成package.json文件。愛掏網 - it200.com官方有文檔如下：

?