Next.js+Tailwind+AWS无服务器多用户博客新增category字段报错求助

排查步骤 #

• 更新GraphQL查询语句
  你修改schema后仅执行amplify push是不够的，还需要同步更新前端的查询逻辑：
  1. 如果是使用Amplify自动生成的GraphQL代码，执行amplify codegen命令重新生成graphql/queries、graphql/mutations下的文件
  2. 检查单篇文章查询getPost、文章列表查询listPosts的语句，确保已经把category字段加入查询字段列表，示例如下：

  query GetPost($id: ID!) {
    getPost(id: $id) {
      id
      title
      content
      category
      username
    }
  }
  

• 兼容旧数据非空校验问题
  你将category设置为String!非空类型，schema修改前已创建的老文章不存在该字段值，GraphQL查询这类老数据时会触发非空校验报错。可二选一解决：
  1. 修改schema将category改为可选类型String（去掉末尾感叹号），重新执行amplify push
  2. 登录AWS控制台进入对应DynamoDB表，给所有存量老文章补充category字段值
• 检查详情页渲染逻辑
  打开/pages/posts/[id].js文章详情页代码，确认引用category字段时添加了空值防护，例如使用可选链语法post?.category，避免字段未返回时渲染报错
• 确认线上代码同步
  本地修改完成后，将最新前端代码推送至AWS Amplify触发重新部署，避免线上运行的还是旧版本代码

内容的提问来源于stack exchange，提问作者codingforthemoment