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

出现背景

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

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

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

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

查找问题

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

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

解决方法

将…\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 中

后续吐槽

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

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

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

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

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

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