微信小程序沒找到構建npm或者沒找到node_modules目錄以及如何在小程序中引入vant weapp組件

微信小程序沒找到構建npm或者沒找到node_modules目錄解決方法如下：

 

 

按照微信小程序提供的文檔npm install是不行的，直接提示沒找到可構建的npm包。

1.直接安裝：npm init就可以啦

 

2.接着npm install你的引入包命令（比如npm i vant-weapp -S --production），然后點擊微信開發工具中的工具欄目下的構建npm，就會出現

 

例子：比如引入vant weapp: 直接 npm i vant-weapp -S --production

可以在組件的JSON或者app.json文件中引入路徑就可以用了：

  "usingComponents": { "van-button":"./miniprogram_npm/vant-weapp/button", "van-rate": "./miniprogram_npm/vant-weapp/rate/index" }

在wxml中：

 <van-button type="primary">按鈕</van-button>
    <van-rate value="{{ value }}" bind:change="onChange" />

效果：

 

 OK。