出现背景

某天码着码着，重新编译一下后，页面突然空白，撤销之前的编辑也没用

没有报错，真机预览没有问题，一头雾水，只有一个页面空白，勉强可以忍受

没有想到的是，又码了几天，十几个页面只剩两个可以显示了。。。

这就不得不找找问题所在了

查找问题

首先查看一下开发者工具最上方的 工具栏，找到 微信开发者工具-调试-调试微信开发者工具

若里面有如下报错，请继续往下看，没有就和我遇到的问题不一样了

解决方法

将…\miniprogram\miniprogram_npm@vant\weapp\field 文件夹里的 index.wxml 的前两行替换为如下代码：


<wxs module="computed">
var style = require('../wxs/style.wxs');
var addUnit = require('../wxs/add-unit.wxs');function inputStyle(autosize) {if (autosize && autosize.constructor === 'Object') {return style({'min-height': addUnit(autosize.minHeight),'max-height': addUnit(autosize.maxHeight),});}return '';
}module.exports = {inputStyle: inputStyle,
};
</wxs>
<wxs src="../wxs/utils.wxs" module="utils" />

也就是将

<wxs src="index.wxs" module="computed" />

替换为上面那些代码

大概原因

原因大概就是
编译器问题
开发者工具版本问题
不知道为什么找不到同级目录中的那个 index.wxs 文件，只能把文件内容手动复制到 index.wxml 中

后续吐槽

因为我这个问题是码代码过程中出现的，也就是之前是正常的，突然就不能用了

在我最初想到的解决方法-升级-中，它提示我已经是最新版本了

然而在我的项目最开始时，我的开发者工具还提醒我更新，因为某些原因我没有更新！

说明它偷偷给我更新了，还给我更新坏了！

之后重装了两遍都没有用，一次稳定版、一次开发版，第三次从开发版升级为稳定版的时候，它在控制台出现了报错

我解决了控制台的报错，也就解决了这个问题。

微信小程序-模拟器某些页面空白-引用 VantUI 后，页面空白相关推荐

微信小程序入门五: wxml文件引用、模版、生命周期
实例内容 wxml文件引用(include.import) 模版小程序生命周期实例一: include方式引用header.wxml文件文件引用对于代码的重用非常重要,例如在web开发中我们可以 ...
HBuilder开发工具运行微信小程序模拟器详细步骤流程
这个问题大家可以不看API.API上一堆命令什么的.只是启动模拟器的话还用不到那么复杂.实际操作只需要两三步而已打开HBuilder在这个地方选微信开发者工具一般来说下方这个地方报错,然后给你一堆 ...
微信小程序（第十九章）- 用户评价页面实现
微信小程序(第十九章)- 用户评价页面实现页面结构的实现页面样式实现五角星实现页面结构的实现代码如下:  <view id="reviewV ...
微信小程序中Vant Weapp的引用与使用
微信小程序中Vant Weapp的引用与使用 1.安装方式 # 通过 npm 安装 npm i @vant/weapp -S --production# 通过 yarn 安装 yarn add @va ...
微信小程序学习2：开发工具快速创建页面（pages）的四个文件(.js，.json，.wxml， .wxss)
微信小程序学习2:开发工具快速创建页面(pages)的四个文件(.js,.json,.wxml, .wxss) [1]首先在pages文件夹下创建一个页面文件夹,比如我打算创建个人中心,我创建一个ho ...
微信小程序中使用wx.navigateTo跳转时页面出现空白
在微信小程序中当触发点击事件后跳转的页面时,跳转的页面出现空白,控制台报Page "pages/outline-xi/outline-xi" has not been regist ...
解决uni-app微信小程序底部input输入框，键盘弹起时页面整体上移问题
一.存在的问题: 微信小程序聊天界面,当input 框获取焦点时会自动调起手机键盘,当键盘弹起时,会导致页面整体上移,页面头信息会消失不见. 二.需要实现的效果键盘弹出时, 底部的 ...
微信小程序左上角返回按钮跳转到指定页面
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 在当前页面的 onUnload 执行页面跳转 onUnload: function () {wx.reLaun ...
微信小程序把缓存的数组动态渲染到页面
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 正文: 代码实现的目的:当页面销毁的时候,页面的参数状态还是能够保存. show_img函数实现: 创建一个数 ...
[原创] HBuildX，微信小程序模拟器报错（如若已在管理后台更新域名配置，请刷新项目配置后重新编译项目）
今天在学习使用uniapp,开发微信小程序时第三方登录时,HBuild编辑器报了一个错误,经过定位分析,确定代码是没有问题的,报错如下如若已在管理后台更新域名配置,请刷新项目配置后重新编译项目经过 ...

微信小程序-模拟器某些页面空白-引用 VantUI 后，页面空白