vant weapp 没有找到可以构建的npm包 / 微信小程序引入 vant weapp 前端框架

按照 vant-weapp 官方文档的说明操作之后,依然无法在微信小程序项目中引入 vant-weapp 前端框架。记录一下

1、新建一个微信小程序,并在项目根目录下新建一个 @vant 文件夹,再在 @vant 文件夹下新建一个 weapp 文件夹

2、访问 vant-weapp 的 Github 项目 release 页面( https://github.com/youzan/vant-weapp/releases )下载当前最新版本的压缩包,解压后将 dist 目录下的所有内容复制到刚才新建的 @vant 文件夹下的 weapp 文件夹中

3、以 Button 组件为例,只需要在 app.json 或 index.json 中配置 Button 对应的路径即可(注意引入的路径,是 /@vant/weapp/button/index ,而不是官方文档中的 @vant/weapp/button/index

// app.json/index.json
"usingComponents": {
  "van-button": "/@vant/weapp/button/index"
}

引入组件后,可以在 wxml 中直接使用组件

<van-button type="primary">按钮</van-button>

 

 

 

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇