我目前正在开发一个简单的应用程序，用于在Nuxt 3和Appwrite中存储锻炼程序。源代码的链接在这里。
每当我尝试通过单击导航栏中的链接导航到/login或/signup路线时，第一次单击时页面源不会重新呈现(即我一直看到相同的文本Landing Page，并且在刷新路由时，我收到 500 服务器错误。 错误
控制台记录以下警告，但我不知道如何纠正它们或为什么它们产生。 安慰
关于为什么会产生这种水合错误的任何帮助都将非常有帮助！
附注：
- 错误很可能应该来自
/pages/signup.vue，/pages/login.vue或/components/navbar.vue. - 我正在使用Appwrite来管理Web应用程序的后端，可以在 README.md 中找到设置说明。(虽然我不认为我面临的错误与此相关。
您正在尝试访问null类型的属性。这就是您收到错误的原因。
<div v-if="error.show" class="error">{{ error.message }}</div>
在上行中，您正在尝试访问error.show但从全局存储中，返回的error值是null类型。因此，您正在尝试访问null类型的show属性，从而收到错误。
有许多解决方案可以解决这个问题。或者，你可以只在计算属性中检查它，或者你可以简单地添加可选的链接，就像这样
<div v-if="error?.show" class="error">{{ error.message }}</div>