bug：console error report when the scrollBehavior selector is invalid

[veaba]

下面有两个bug：

vue-router 缺陷引发

1. 在生产环境下，直接访问具体的页面，如：/guide/installation.html
   再次刷新，控制台报错，进而导致
   

app.2e9ad43d.js:6 DOMException: Failed to execute 'querySelector' on 'Document': '#%E5%A4%84%E7%90%86%E7%94%A8%E6%88%B7%E8%BE%93%E5%85%A5' is not a valid selector.

相关issue：

• Scroll behavior: hash that starts with number #2163
• Header Anchors
• vue/rfcs/active-rfcs/0035-router-scroll-position.md
  -Better error message when the scrollBehavior selector is invalid

该bug不影响功能，只是无法触发点击h标签，无法滚动

进入指南，几个深层的菜单栏无法展开

生产环境下，主页进入起步，两个无法展开迁移侧栏菜单：从Vue 2迁移、贡献文档。（影响使用）
控制台报错。

app.2e9ad43d.js:6 DOMException: Failed to execute 'appendChild' on 'Node': This node type does not support this method.

相关issue：

• Failed to execute 'appendChild' on 'Node': This node type does not support this method. #1692
  注：该bug 尚未定位到原因。

[Jinjiang]

还没细看，想先确认一下：是中文版独有的问题还是英文版也有?
如果英文版也有的话直接提到英文版吧，我们可以在英文版上讨论并修复然后从英文版同步过来。

[veaba]

还没细看，想先确认一下：是中文版独有的问题还是英文版也有?
如果英文版也有的话直接提到英文版吧，我们可以在英文版上讨论并修复然后从英文版同步过来。

应该这么说，非英文语言，都有这个问题。 引发这个问题的原因是因为非法的id命名，涉及到vue-router API设计的缺陷，这bug，在vue-router 4.x中修复，这个是目前了解到。

可以对某个文章节，点h 标签，滚动，然后再刷新控制台就可以看到了。

[Jinjiang]

我这边又自己试了几次，并没有重现这个问题。所以暂时没有办法进一步排查。可以提供更多的信息吗?比如重现步骤，或你本地的环境。或者看看最新的版本是否已经不存在这个问题了?
谢谢

[veaba]

我这边又自己试了几次，并没有重现这个问题。所以暂时没有办法进一步排查。可以提供更多的信息吗?比如重现步骤，或你本地的环境。或者看看最新的版本是否已经不存在这个问题了?
谢谢

步骤：

• 你访问 这个地址
• 打开控制台，再F5刷新一下，看控制台消息。

[veaba]

@Jinjiang 另外一个bug：无法点击侧栏：从 Vue 2 迁移

[Jinjiang]

这个 bug 应该是上一个 bug 产生的连锁反应，如果没有之前的刷新页面这里是可以打开的。我建议我们可以先集中在如何解决第一个 bug 上。

[Jinjiang]

vuejs/vuepress#2599
我把问题同步到了 vuepress 的 issue

[QC-L]

问题 1 是因为浏览器访问链接时，转义了中文，在 querySelector 时出了问题。
React 和 webpack 目前采用的都是加特殊标识的形式，感觉可以参考。
当然，第一个问题还是需要解决一下。