（小程序之坑1）微信小程序WXML中间内容为什么没有显示出来？

于 2024-07-19 11:25:01 发布
阅读量254 收藏
点赞数 1
文章标签： 小程序 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67444449/article/details/140544297
版权

最近想学下小程序
发现代码应该没有错，但WXML内容就不显示~~~好焦急啊啊啊

最后发现这对新手真是一个坑
1先检查app.json中页面引入的路径正确与否
在这里插入图片描述
2，检查当前wxml文件对应的js文件是否为空，如果为空就要加上默认的代码（没有js的处理逻辑，当前的js文件也不能为空），这样问题就解决了
在这里插入图片描述
我也是搜索下其他人踩坑才知道的哈哈，新手请闭坑

闲人陈二狗
关注
微信小程序 教程之WXML
01-03
微信小程序 教程之WXML WXML WXML(WeiXin Markup Language)是MINA设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。 用以下一些简单的例子来看看WXML具有什么能力： 数据绑定 <!--wxml--&gt...
微信小程序开发中，wxss和wxml写完后页面不显示，可能的原因包括：
IT_linux的博客
04-05 1144
4.数据量大或页面元素多：如果数据量很大或页面标签特别多，可能会导致页面加载缓慢或预览困难。1.代码错误：有时候代码中存在错误，但编译器不会报错，导致页面不显示。3.JS文件为空：确保当前wxml文件对应的js文件不为空，即使没有具体的处理逻辑，也不能没有js代码2。6.重启小程序：如果上述方法都无法解决问题，尝试重启小程序看是否能正常显示1。7.通过以上方法，一般可以定位并解决微信小程序开发中页面不显示的问题。5.缓存问题：有时候，清空缓存后重新编译可以解决页面不显示的问题1。
微信小程序踩坑之wxml中有内容，但是页面上不显示
weixin_45879374的博客
11-10 346
检查一下版本库 检查路径是否正确 检查对应页面js是否page（{}）
微信小程序绑定数据页面不显示并且页面没有报错
qq_63018682的博客
07-11 660
代码没有报错但是就是页面不显示
微信小程序: 如何在text标签中将空格&nbsp显示出来
酷伊奥
07-05 4338
写过微信小程序的小伙伴们可能都有发现，当我们在wxml中的text标签里直接使用&nbsp这个空格符的话，页面是识别不到空格符的，空格也不会显示出来，他只会帮你把&nbsp空格符打印出来。 <text>我&nbsp是&nbsp空&nbsp格</text> 这时候我们需要使用到一个方法，就是在text标签中直接直接定义"decode"，效果如下： <text decode="{{true}}">我&...
微信小程序（二、wxml语法）
weixin_41510467的博客
11-04 220
{{msg}}
不知道怎么显示不出来，微信小程序
weixin_40945354的博客
04-29 385
<!--index.wxml--> <view class="container"> <swiper indicator-dots="true" autoplay="true" interval="5000" duration="500"> <block wx:for="{{swiperImg}}" wx:key="index"> <swiper-item> <image src="{{item.src}}" class="s
基于Java的微信小程序html2wxml转换接口设计源码
最新发布
09-24
该项目是基于Java的微信小程序html2wxml转换接口设计源码，共包含50个文件，其中包括10个属性配置文件、9个XML配置文件、6个首选项文件、6个Java源文件、3个Shell脚本、2个项目配置文件、2个HTML模板文件、1个类路径...
微信小程序Wxml Panner失效坑，小程序参数传递
03-29
微信小程序刚出来火了一把之后，然后突然就这么风平浪静了，也没有怎么听人提起，差点以为死了。这几天，领导突然要求写一个小程序给地方推广人员采集资料之用。 前面稍微看了一下小程序，不是HTML5，不是CSS3，叫...
微信小程序wxml-to-canvas 的使用以及遇到的坑
热门推荐
muge1161105403的博客
07-03 1万+
1.首先根据官网提示安装即可 npm install --save wxml-to-canvas 2.构建NPM 这一步很关键，在微信开发者工具左上角-》工具-》npm构建。 PS：我第一次用的时候就忘了我构建了 3.引入组件 <wxml-to-canvas class="widget"></wxml-to-canvas> // class="widget" 这里不能删。 4.获取实例 ready(){ //组件中使用这个周期 页面中使用 onLoad()
【小程序】wxml-to-canvas如何动态生成文字和样式以及踩坑
搬砖小鱼，请多指教呦
03-03 4455
一、wxml-to-canvas 踩坑 必须给每一个元素都设置宽和高，并且是数值不带任何单位。 如果不设置的话就会出现布局错乱或者不显示的问题，所以必须要给每一个元素设置宽和高，这时候就会有人有疑问我的宽高是不固定的怎么办呢？放心，第二部分会给大家介绍如何动态设置宽高 无法使用背景图，没办法使用backgroundImage来设置背景图，这个时候只能大家使用定位来实现背景图的功能了 生成的海报如果是圆角保存下来的时候在微信上会有白色或者黑色背景（不同设备显示可能不同）我目前没有找到更好的解决方案所以
微信小程序 使用include导入wxml注意的问题
yangshuolll的专栏
10-26 1万+
（1）使用inlucde的时，要注意将最后的终止符 / 添加上去，否则不能正常的导入界面内容 例如： （2）引入文件注意的问题 若何header.wxml中内容如下，是不能正确引入的，因为注释中包含了三个‘-’ ， 改成两个就可以了。  作者之前试了半天才发现这个问题。 12312
微信开发者工具编译后，页面空白，Wxml内容为空
iblackboy的博客
04-03 1411
最近遇到了一个奇怪的问题，使用的uniapp运行的微信小程序，改动代码保存后页面就变成空，接口调用一切正常，Wxml内容为空。截止2024年4月3日，最新版微信开发者工具有bug，版本号1.06.2402040。回滚版本后，问题解决。相信后续官方应该能修复这个bug，但是现在的我等不及了。清除数据缓存后才正常，但是对于日常开发而言体验极差。好人做到底，下面的是windows X64的下载链接。根据错误提示，尝试了以下方法也没有用。历史版本的下载，可以参考这个网站。最终，我的问题解决了。
开发微信小程序时页面不显示文字等内容
qq_51574759的博客
11-02 5739
开发微信小程序的时候，通过微信开发者工具可以快速建立文件目录，以及各种文件、各种配置，比自己创建文件目录要方便很多。 要做新界面的时候，我们会习惯性把微信开发者工具的WXML/CSS/JS文件清空，但是一不注意就会出现页面无法显示内容的情况。 我自己踩的坑是一开始就把JS文件里面的 page（{ }） 给删了。有时候只需要展示效果的时候可能不会注意JS，但如果没有page则会不显示任何内容。 还有情况，可能是font-size属性或者color属性有问题，看看全局的配置，应该就能解决。 ...
从0到一开发微信小程序（5）—小程序WXML
zhouhengzhe的博客
09-22 1760
因为 wx:if 之中的模板也可能包含数据绑定，所以当 wx:if 的条件值切换时，框架有一个局部渲染的过程，因为它会确保条件块在切换时销毁或重新渲染。同时 wx:if 也是惰性的，如果在初始渲染条件为 false，框架什么也不做，在条件第一次变成真的时候才开始局部渲染。相比之下，hidden 就简单的多，组件始终会被渲染，只是简单的基于CSS控制显示与隐藏。一般来说，wx:if 有更高的切换消耗而 hidden 有更高的初始渲染消耗。
微信小程序wxml与wxss：Android开发者必懂的界面布局工具
微信小程序的开发对于Android程序员，特别是对CSS不太熟悉的开发者来说，可能面临一定的挑战，尤其是在处理界面排版时。在这个过程中，wxml和wxss是两个关键的组成部分，它们分别负责定义界面的结构和样式。 wxml，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值