微信小程序npm引入vant-weapp的踩坑记录

  • 时间:
  • 浏览:18

微疑小法式项目利用npm装置vant-weapp的准确步调 

利用npm装置vant-weapp 到项目根目次下:

npm i vant-weapp -S --production 

然后再概况当选中利用npm模块,然后面击东西栏中的构建npm。本认为如许就能够装置胜利了,成果


出有找到npm包

那让我纠结了1个早上。看了文档,揣摩了好久,最初研讨出成绩的枢纽。

第1步:利用cmd进进项目根目次:npm init

然后1曲按回车

第2步:输出您要装置的文件(npm i vant-weapp -S --production 

若是已之前装置了vant-weapp的,便间接到东西栏当选中构建npm就能够了,若是出有便装置好再选中构建npm。

我认为如许就能够利用vant-weapp框架了,然后革新项目,成绩去了。。。

毛病1


大要意义-找没有到组件

明显步调皆对了,却仍是堕落。然后便网上找找成绩。网上道:

处理办法:
您只需求把miniprogram_npm/vant-weapp里的组件文件夹皆删除,
以后再https://github.com/youzan/vant-weapp下载1份vant, 将dist文件夹(vant-weapp-dev\vant-weapp-dev\dist)中的文件复造到项目标miniprogram_npm/vant-weapp
本文:https://www.jb51.net/article/166771.htm

借有便是从头装置vant-weapp。从头装置是能够的,没有会报错。

毛病2

引进页里的的.json1定要写对,否则也会报错。

{
 "usingComponents": {
 "van-button": "vant-weapp/button" //增加那个
  }
}

引进胜利

emmmmm,成绩不竭,烽火没有熄,BUG之路借正在持续。

总结

以上便是那篇文章的全数内容了,期望本文的内容对各人的进修或事情具有1定的参考进修代价,开开各人对剧本之家的撑持。