Vuejs2 Nuxt:页面重新加载时页面崩溃

有人知道为什么用户重新加载页面时子页面会崩溃吗？当您使用nuxt link从另一个使用route params的页面导航到该页面时，这是正常的，但是当用户重新加载/刷新该页面时，它将崩溃

这是我的沙箱，您可以在其中进行测试：

nuxt链接中的代码：

照片详细信息页面中的代码：

-> {{photo.title} 从'@recogito/Annotorious'导入{Annotorious} 导出默认值{ 资料{ 返回{ 照片：{}， 安诺：{}， 标题：this.$route.params.title } }, 异步安装{ 等待此消息。getPhotoDoc this.anno=等待新的注释性{image:this.photo.filename} }, 方法：{ 异步getPhotoDoc{ const docRef=等待此消息。$fireStore .收集‘照片’ .docthis.$route.params.id 收到 试一试{ 如果存在docRef{ //数据返回有关文档的所有数据 console.log“获取文档：”，docRef.data this.photo=docRef.data }否则{ 控制台。记录“不存在文档” } }捕捉错误{ console.log“获取文档时出错：”，错误 } } }, 头{ 返回{ 标题：this.photo.title， 元：[ { hid：“描述”， 名称：'说明'， 内容：this.photo.description } ] } } } 用户旅程：单击导航栏上的照片，选择页面上的任何照片。您将看到一个照片详细信息页面。很好。尝试刷新页面-它将崩溃

注意：我也在使用vue cli的常规/普通vue应用程序中构建了此框架，并且没有任何问题。这似乎只是Nuxt的一个问题。必须与SSR相关吗

---

感谢您的帮助……

如果您认为这与SSR相关，并且注释性插件可能会导致问题，请尝试以下方法：

nuxt.config.js使用模式客户端添加插件

---

您可以在nuxtjs文档中找到更多信息，它与SSR相关，因为页面只有在重新加载时才会崩溃。你能给我们一些错误或修复代码沙盒链接吗？很抱歉，链接…不知道它是私有的。现在就试试吧！因此，问题似乎在于我使用的注释性插件。在Vue应用程序中可以，但在Nuxt中不行。我没有正确加载插件吗？如果禁用该插件，一切正常。请小心，所有API密钥都在您的代码沙盒中。谢谢。我不认为这是个问题。Firebase的GoogleDocs说这里没有秘密。如果我在这个插件中使用CDN会更好吗？不应该有什么区别。一些插件可能只在浏览器中工作，因为它们缺少SSR支持。只需检查并尝试一下：我不确定我做得是否正确。首先，我需要创建一个这样的插件？从“Vue”导入Vue从“@recogito/Annotorious”导入Annotorious Vue.useAnnotorious？在插件目录中创建一个新文件，并将此导入Vue从“Vue”导入Annotorious从“@recogito/Annotorious”Vue.useAnnotorious添加到文件中。然后简单地将它添加到nuxt.config.js中的插件数组中，就像我上面建议的那样。我将提出一个新问题，也将从头开始。如果你不介意的话，我会在准备好的时候用链接ping你。谢谢你以前的帮助！

plugins: [
    { src: '~/plugins/client-only.js', mode: 'client' }, // only on client side
  ]