微信小程序没找到构建npm或者没找到node_modules目录以及如何在小程序中引入vant weapp组件...

微信小程序没找到构建npm或者没找到node_modules目录解决方法如下:

微信小程序没找到构建npm或者没找到node_modules目录以及如何在小程序中引入vant weapp组件..._第1张图片

 

 

按照微信小程序提供的文档npm install是不行的,直接提示没找到可构建的npm包。

1.直接安装:npm init就可以啦

微信小程序没找到构建npm或者没找到node_modules目录以及如何在小程序中引入vant weapp组件..._第2张图片

 

2.接着npm install你的引入包命令(比如npm i vant-weapp -S --production),然后点击微信开发工具中的工具栏目下的构建npm,就会出现

微信小程序没找到构建npm或者没找到node_modules目录以及如何在小程序中引入vant weapp组件..._第3张图片

 

例子:比如引入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" />

效果:

微信小程序没找到构建npm或者没找到node_modules目录以及如何在小程序中引入vant weapp组件..._第4张图片

 

 OK。

转载于:https://www.cnblogs.com/lwming/p/11268534.html

你可能感兴趣的:(微信小程序没找到构建npm或者没找到node_modules目录以及如何在小程序中引入vant weapp组件...)