小程序
小游戏
企业微信
微信支付
扫描小程序码分享
使用vant组件在预览时显示空白页面,在开发工具显示正常,这是什么情况,另外上传打包时也无法上传vant相关文件
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
我也遇到了这个问题,我是原生开发,除开发工具可以展现,其余都是白屏
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
我也遇到啦,我出现类型的问题,调试环境:iPhone8plus,开发者工具V1.02.1911180,项目是mpvue+van,在开发者工具中预览、真机调试都能正常显示,但是真机扫描预览模式的二维码,只能看见底部的tabbar,内容区是空白的,目前未解决
// baseWebpackConfig.plugins数组里增加多一个CopyWebpackPlugin。
// 主要是为了mpvue在编译成微信小程序开发语言的时候,也顺带把vant组件复制到目录里,
// 这样的话才能被项目找到。
new CopyWebpackPlugin([
{
from: path.resolve('node_modules/@vant/weapp/dist'),
to: path.resolve('dist/wx/@vant/weapp/dist'),
ignore: ['.*']
}
])
谢邀:
没用过vant组件。猜测是相关资源没编译打包成功导致
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
我也遇到了这个问题,我是原生开发,除开发工具可以展现,其余都是白屏
我也遇到啦,我出现类型的问题,调试环境:iPhone8plus,开发者工具V1.02.1911180,项目是mpvue+van,在开发者工具中预览、真机调试都能正常显示,但是真机扫描预览模式的二维码,只能看见底部的tabbar,内容区是空白的,目前未解决
怎么弄得
问题2:预览、真机调试出现白屏。解决方法:解决控制台中的所有提示的错误,正确引入阿里云图标,因为小程序没有document,我引入了阿里云图标,里面有document.getElementsByTagName的代码,到体验版时出现这个问题. 原来是 /static/iconfont/里的 iconfont.js+demo.html....这些无关文件引起的
// baseWebpackConfig.plugins数组里增加多一个CopyWebpackPlugin。
// 主要是为了mpvue在编译成微信小程序开发语言的时候,也顺带把vant组件复制到目录里,
// 这样的话才能被项目找到。
new CopyWebpackPlugin([
{
from: path.resolve('node_modules/@vant/weapp/dist'),
to: path.resolve('dist/wx/@vant/weapp/dist'),
ignore: ['.*']
}
])
谢邀:
没用过vant组件。猜测是相关资源没编译打包成功导致