解决微信小程序错误：TypeError: null is not an object (evaluating 'this.userInfo.id')

微信小程序中出现的错误 'TypeError: null is not an object (evaluating 'this.userInfo.id')' 意味着您尝试访问一个空对象的 'id' 属性。这个错误通常发生在以下情况：

• 用户未授权获取用户信息： 当您在小程序中使用 wx.getUserProfile 或 wx.getUserInfo 获取用户信息时，如果用户拒绝授权，this.userInfo 将为空对象。
• 异步操作： 如果 this.userInfo 是通过异步操作获取的，例如网络请求，在异步操作完成之前，它可能为空对象。
• 代码逻辑错误： 代码中可能存在逻辑错误，导致 this.userInfo 意外地被设置为 null。

解决方法：

1. 判断用户授权状态： 使用 wx.getSetting 获取用户授权状态，并根据状态决定是否获取用户信息。
2. 处理异步操作： 在使用 this.userInfo 之前，确保异步操作已完成，例如使用 Promise 或 async/await。
3. 检查代码逻辑： 仔细检查代码逻辑，确保 this.userInfo 不被意外地设置为 null。

示例代码：

// 获取用户授权状态
wx.getSetting({
  success(res) {
    if (res.authSetting['scope.userInfo']) {
      // 已授权，获取用户信息
      wx.getUserProfile({
        success(res) {
          this.userInfo = res.userInfo;
          // ...
        }
      })
    } else {
      // 未授权
      // ...
    }
  }
})

通过以上方法，您可以快速解决 'TypeError: null is not an object (evaluating 'this.userInfo.id')' 错误，并确保小程序代码的稳定运行。