原生微信小程序踩坑（一）------页面空白不显示问题

最新推荐文章于 2024-04-05 18:51:11 发布
最新推荐文章于 2024-04-05 18:51:11 发布
阅读量3.2k 收藏 5
点赞数 8
分类专栏： 前端开发 文章标签： 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/challenge_study/article/details/122570166
版权

最近在做一个原生的微信小程序，由于之前也没有做过原生微信小程序的开发，遇到了许多问题，有复杂的，也有难度高一些的，为了对这些问题做一些记录方便以后的查询。

遇到的第一个问题就是在.wsml中写入了标签，并且在.wxss中也写好了样式，但是编译运行后在页面上没有显示出任何东西来，几经折腾后发现如果在.js文件中写入了Page({})就会正常显示了，跟正常的html或则vue是不同的。

//无论你当前的代码中有没有逻辑处理都要写下这行代码，否则是无法正常显示的
//这里是微信小程序的.js文件中
Page({})
“蓬蒿人”
关注
  • 8
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
原生微信小程序源码 - -身份证查询
05-01
原生微信小程序源码 - -身份证查询 原生微信小程序源码 - -身份证查询
小程序：微信开发者工具中页面一片空白怎么办？
我想我是海 冬天的大海 心情随风轻摆
08-04 5668
小程序：微信开发者工具中页面一片空白怎么办？
微信小程序页面跳转后不显示内容
Mu_Soul的博客
12-02 6410
调用wx.navigateTo()函数，跳转页面后本应有内容的页面变成一片空白，大体上的原因如下。 1、app.json 中未配置相应的页面路径，出现这个的原因很大概率与版本控制有关，当出现冲突后，会发生这种问题，重新手动生成一下pages路径就行。 2、在页面中引入的一些库或者其他文件的路径发生改变，基本也是在版本控制时触发，通常这个会在控制台提示出错误，但并不会让项目无法通过编译，可以先在问题发生时看一眼控制台，如果出现错误信息，点进出问题页面的js文件，修改一下库文件的引用路径即可 ...
微信小程序开发中，wxss和wxml写完后页面不显示，可能的原因包括：
IT_linux的博客
04-05 396
4.数据量大或页面元素多：如果数据量很大或页面标签特别多，可能会导致页面加载缓慢或预览困难。1.代码错误：有时候代码中存在错误，但编译器不会报错，导致页面不显示。3.JS文件为空：确保当前wxml文件对应的js文件不为空，即使没有具体的处理逻辑，也不能没有js代码2。6.重启小程序：如果上述方法都无法解决问题，尝试重启小程序看是否能正常显示1。7.通过以上方法，一般可以定位并解决微信小程序开发中页面不显示的问题。5.缓存问题：有时候，清空缓存后重新编译可以解决页面不显示的问题1。
原生小程序踩坑
lyd的博客
02-20 265
基础库版本2.10.1 1. 使用hidden无效 <div hidden="true">隐藏的</div> 说明： 由于是H5代码迁移所以存在很多div标签，由于比较懒所以没转成view，在使用hidden属性的时候遇到了问题，不会隐藏。 思考： view标签可以使用hidden隐藏，除了标签特性还有自带的样式处理view[hidden] display: none;，...
原生小程序开发踩坑记录--持续更新
weixin_43591127的博客
05-08 146
使用小程序最好带着使用模板的思想去使用，参考一下模板引擎的思想，如果学过vue.js更好 小程序中的wxs不能直接控制html中的标签，它是逻辑层，而wxml是视图层，逻辑层要和视图层交互就得通过模板的形式，逻辑层能够获取视图的信息 前后端分离，身份验证在于cookie，其实和之前的前后端不分离是差不多的 小程序使用echarts时，第一最好把外面容器的长，宽直接写在标签里面 当有需求echarts做旋转时，旋转的是外面容器的话，直接通过配置页面的json文件里面定义"pageOrientation":“.
微信小程序绑定数据页面不显示并且页面没有报错
qq_63018682的博客
07-11 633
代码没有报错但是就是页面不显示
百度小程序页面显示空白，但又没有报错
超小少的博客
06-03 4598
在百度小程序的页面中，如果是单标签的组件写成双标签，进入页面时页面显示空白，但是微信小程序可以正常显示，比如input组件、textarea组件 等，百度小程序中则必须写成单标签才行。 页面结构： <block s-for="{{pagedata}}"> <block s-if="{{item.type==0 && item.tp_text[0].yval...
原生微信小程序源码 - -图书管理系统
最新发布
05-01
原生微信小程序源码 - -图书管理系统 原生微信小程序源码 - -图书管理系统
原生微信小程序源码 - -分答小程序
05-01
原生微信小程序源码 - -分答小程序 原生微信小程序源码 - -分答小程序
原生微信小程序源码 - -商城
05-01
原生微信小程序源码 - -商城 原生微信小程序源码 - -商城
原生微信小程序源码 - -果库
05-01
原生微信小程序源码 - -果库 原生微信小程序源码 - -果库
微信小程序编译页面空白bug的原因
zhangxueyou2223的博客
06-21 1536
学友哥bug汇总
微信小程序wxml内容编译后不显示（控制台没有错误）
yuan5025的博客
05-12 2695
wxml页面填充内容而且控制台没有错误，但是编译就是不显示。 微信小程序wxml内容编译后不显示（控制台没有错误）
微信小程序创建项目后无法显示内容
qq_42876444的博客
06-28 3665
微信小程序 新建项目 页面无法显示内容
微信PC端打开小程序（腾讯文档）、网页都显示空白和QQ/TIM的群文件无法显示等问题的解决方法
热门推荐
jason1wang的博客
04-29 3万+
问题描述： 1. 微信PC端无法打开腾讯文档的小程序，并且发现内置的浏览器网页均无法显示 卸载重装后，打开腾讯文档又显示该信息，问题现象有变化，但根本问题未解决 2. QQ/TIM的群文件和群公告均无法显示，提示“暂时无法显示，请刷新重试”(未截图) 原因： IE浏览器的代理服务器设置未关闭，而代理服务已经关了 微信和QQ/TIM的网络默认代理设置是采用IE的代理服务，于是就出现了上述问...
微信小程序开发工具编辑样式文件后模拟器不显示
Kan__gren的博客
09-15 2685
学习微信小程序过程中遇到的坑，记录一下。
小程序空显示undefined_JavaScript 语法基础「程序员培养之路第七天」
weixin_39849418的博客
12-03 278
第一节、JavaScript历史战国时代1995年 Netscape(网景) 发明了 LiveScript 后改名为JavaScript1996年，微软发布了 IE 3.0 并搭载了一个 JavaScript 的克隆版，叫做 JScript一统江湖ECMAScript：欧洲计算机制造商协会(ECMA)通过ECMA-262标准化的脚本程序设计语言1997年06月，ECMAScript 1.0版199...
微信小程序原生 picker-view的使用
09-06
微信小程序的原生 picker-view 是一种可以进行滚动选择的组件。它可以在小程序中展示一个滚动的选择器，用户可以通过上下滑动来选择需要的选项。 使用 picker-view 的步骤如下： 1. 在 wxml 文件中，通过<picker-view>标签来定义一个 picker-view 组件，可以通过style属性来设置它的样式。 2. 在 js 文件中，首先需要通过页面的setData()方法来初始化 picker-view 组件的数据源，使用数组的形式来表示选项。 3. 在 wxml 文件中，通过<picker-view-column>标签来定义 picker-view 中的每一列。可以使用wx:for属性来循环渲染每一列的选项。 4. 在 js 文件中，可以通过 onLoad()或者onShow()等生命周期方法来初始化 picker-view 组件的选中项。可以通过setData()方法更新 selected 属性的值来改变选中项。 5. 在 wxml 文件中，通过<view>标签来定义一个按钮或者其他交互元素，通过bindtap属性来绑定事件处理函数。 6. 在 js 文件中，实现事件处理函数，并通过setData()方法更新 selected 值以改变选中项。 7. 可以通过onPickerChange()等事件来监听 picker-view 的选中项改变的事件，并实现相应的逻辑。 需要注意的是，picker-view 组件的数组类型数据源，每一项都需要有value和text两个属性，分别表示选项的值和显示文本。 通过以上步骤，就可以在微信小程序中使用原生 picker-view 组件实现选择器的功能。用户可以滚动选择选项，并通过自定义的事件处理函数来获取选中项的值。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值