引导切换按钮错误-“无法在'文档'上执行'querySelector'：'/navbarSupportedContent'不是有效的选择器。”答案

【问题标题】：Bootstrap Toggle button Error-"Failed to execute 'querySelector' on 'Document': '/navbarSupportedContent' is not a valid selector."引导切换按钮错误-“无法在'文档'上执行'querySelector'：'/navbarSupportedContent'不是有效的选择器。”
【发布时间】：2021-11-04 20:45:36
【问题描述】：

我使用引导程序制作导航栏，它工作得很好，但是当我想在移动屏幕上查看它以检查网站的响应性时，切换按钮不起作用，它显示错误，例如 - “bootstrap.bundle.min.js:6 Uncaught DOMException: 无法在 'Document' 上执行 'querySelector': '/navbarSupportedContent' 不是有效的选择器。”

如何解决这个问题？

【问题讨论】：

请出示您的代码。
谢谢先生！但是问题现在已经解决了。
请提供足够的代码，以便其他人更好地理解或重现问题。

标签： javascript reactjs dom bootstrap-4

【解决方案1】：

请记住，您的控制台是您最好的朋友。尝试查看控制台它向您抛出的错误，在这种情况下我们有错误 '/navbarSupportedContent' is not a valid selector.，这意味着“navbarSupportedContent”中有一些错误。转到您的代码- data-bs-target="/navbarSupportedContent"

将“/”替换为“#”。

希望这能解决您的问题！

【讨论】：