【Matataki】指向/点击 文章的 IPFS 按钮不会弹出IPFS链接窗口

[Linklinkguan]

【Matataki】指向/点击 文章的 IPFS 按钮不会弹出IPFS链接窗口

[remi-guan]

问题描述

现在此问题仅存在于线上服务端，测试网和主网均存在此问题。但是在本地运行 yarn dev 所启动的开发服务器却会正常如预期显示窗口。预览如下：

可以正常响应鼠标的 hover 事件。但是在测试网（也包括主网，下同），鼠标放在图标上则不会有任何反应。

问题原因

经过比对，发现测试网会在 JavaScript Console 显示一条错误信息，而开发服务器则没有此信息。

Mismatching childNodes vs. VNodes: NodeList(3) Array(3)

经过对此错误信息的研究，我发现了相关的原因描述。简单来说，在开发服务器上，此问题会被自动解决。但是我们部署了之后，就会由于有些节点没有渲染（一般是因为用到了条件判断 v-if）而导致 NuxtJS 两端数据的不匹配，从而导致无法正确渲染。

有关更多信息，请点击上方的链接。

尝试的解决方案

• 使用 v-show 替代 v-if - 失败 commit 链接
  上述 Issue 链接里大部分人的建议，这样可以使节点无论如何都渲染出来。但是我尝试修改代码后，并没有解决此问题。Console 也依旧会显示该错误信息。
• 使用 <client-ony> 标签包围组件调用 - 失败 commit 链接
  Stack Overflow 上相关问题的部分回答的建议。如这个。但是毫无作用。
• 尝试 Stack Overflow 上另一个回答的建议
• 尝试上述 相关的原因描述 链接中提到的，为每个<a> 标签加上 aria-hidden

[remi-guan]

当前进度

现在我们的 testing 分支依旧保留了上述两个解决方案的代码，另外两个解决方案还有待尝试。我现在遇到的问题有：

1. 无法在本地重现问题。我虽然将环境由开发设置为生产模式，但依旧没有显示出这个问题来。
2. 因为上述问题，所以无法有效确认网上的解决方案是否有用。

所以，对于此问题我不知道该如何 debug 了，只能继续照搬解决方案再 push 代码上去看效果？

申请小田的协助 @xiaotiandada

[xiaotiandada]

测试网已解决 待测试

[xiaotiandada]

#1274

[remi-guan]

测试网已解决 待测试

测试正常，无问题。便关闭这个 Issue 了。
（ps. 小田好厉害呜呜呜