微信小程序自定义组件类型不匹配遇到的坑

概述

我们的小程序是和公众号关联的，公众号里的部分菜单关联了小程序页面，有些bug不方便测试。
最近更新遇到一个bug，打开公众号其中三个菜单会出现文字显示为null的情况，图片则能正常显示。

文字显示null

而上个版本公众号菜单打开小程序页面，在小程序中直接打开这三个页面，点更多资讯都不会出现这个问题。

因为三个页面出现问题的组件是同一个，也很好定位。

js代码

  /**
   * 组件的属性列表
   */
  properties: {
    image: {
      type: String
    },
    title: {
      type: Object
    },
    date: {
      type: Object
    }
  },

wxml代码

<view class="article-title-wrap">
    <!-- 标题 -->
    <text class="article-title">{{title}}</text>

    <!-- 发布时间 -->
    <text class="article-date">{{date}}</text>
</view>

原因是title和date的类型设置成Object，而不是String。
虽说这个问题很简单，也容易解决，至于为什么写成Object也是有原因的。
但是这个问题太坑了，js是弱类型语言，类型不匹配影响不大，即使有问题那么也不应该以这种方式呈现出来。
记录留存。