Javascript 引导导航栏下拉错误:index.js:60未捕获的DomeException:无法执行';查询选择器';在';文件';

Javascript 引导导航栏下拉错误:index.js:60未捕获的DomeException:无法执行';查询选择器';在';文件';,javascript,twitter-bootstrap,Javascript,Twitter Bootstrap,使用bootstrap v5.0和以下工具为导航栏设置新站点 <nav class="navbar navbar-expand-md navbar-dark fixed-top"> <a class="navbar-brand font-orbitron" href="/"> <img src="/static/images/binoculars.png" alt

使用bootstrap v5.0和以下工具为导航栏设置新站点

<nav class="navbar navbar-expand-md navbar-dark fixed-top">
    <a class="navbar-brand font-orbitron" href="/">
        <img src="/static/images/binoculars.png" alt="Logo" class="nav-logo">
    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample04" aria-controls="navbarsExample04" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarsExample">
        <ul class="navbar-nav mr-auto">
            
                <li class="nav-item font-abeezee active">
                    <a class="nav-link" href="/" title="Kenya Professional Safari Guides Association">Home</a>
                </li>
            
                <li class="nav-item font-abeezee">
                    <a class="nav-link" href="/about-us" title="About Us">About Us</a>
                </li>
            
                <li class="nav-item font-abeezee">
                    <a class="nav-link" href="/gallery" title="Gallery">Gallery</a>
                </li>
            
                <li class="nav-item font-abeezee">
                    <a class="nav-link" href="/careers" title="Careers">Careers</a>
                </li>
            
                <li class="nav-item font-abeezee">
                    <a class="nav-link" href="/contact-us" title="Contact Us">Contact Us</a>
                </li>
            

            
                <li class="nav-item font-abeezee dropdown">
                    <a class="nav-link dropdown-toggle" href="/guides" title="Guides"  role="button" data-bs-toggle="dropdown" aria-expanded="false">Guides </a>
                    
                    
                        <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                            
                            <li>
                                <a class="dropdown-item" href="/guides/gold-membership" title="Gold-Level Members">Gold-Level Members</a>
                            </li>
                            
                            <li>
                                <a class="dropdown-item" href="/guides/silver-membership" title="Silver-Level Members">Silver-Level Members</a>
                            </li>
                            
                            <li>
                                <a class="dropdown-item" href="/guides/bronze-membership" title="Bronze-Level Members">Bronze-Level Members</a>
                            </li>
                            
                        </ul>
                    
                </li>
            
                <li class="nav-item font-abeezee">
                    <a class="nav-link" href="/directors-committee-members" title="Directors &amp; Committee members" >Directors &amp; Committees </a>
                    
                    
                </li>
            
                <li class="nav-item font-abeezee">
                    <a class="nav-link" href="/code-of-conduct" title="Code of conduct" >Code of conduct </a>
                    
                    
                </li>
            
                <li class="nav-item font-abeezee">
                    <a class="nav-link" href="/sample-questions" title="Sample KPSGA Test Questions " >Sample Questions </a>
                    
                    
                </li>
            
                <li class="nav-item font-abeezee">
                    <a class="nav-link" href="/sponsors" title="KPSGA Sponsors" >Corporate Sponsors </a>
                    
                    
                </li>
            

            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                  Dropdown
                </a>
                <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                  <li><a class="dropdown-item" href="#">Action</a></li>
                  <li><a class="dropdown-item" href="#">Another action</a></li>
                  <li><hr class="dropdown-divider"></li>
                  <li><a class="dropdown-item" href="#">Something else here</a></li>
                </ul>
            </li>
        </ul>
    </div>
</nav>


当我点击下拉开关时,我得到了这个错误

2index.js:60 Uncaught DOMException: Failed to execute 'querySelector' on 'Document': '/guides' is not a valid selector.
    at f (http://127.0.0.1:8000/static/js/bootstrap.min.js:6:1460)
    at Function.i.getParentFromElement (http://127.0.0.1:8000/static/js/bootstrap.min.js:6:27564)
    at Function.i.clearMenus (http://127.0.0.1:8000/static/js/bootstrap.min.js:6:26834)
    at i.a.toggle (http://127.0.0.1:8000/static/js/bootstrap.min.js:6:23632)
    at Function.i.dropdownInterface (http://127.0.0.1:8000/static/js/bootstrap.min.js:6:26578)
    at HTMLAnchorElement.<anonymous> (http://127.0.0.1:8000/static/js/bootstrap.min.js:6:28967)
    at HTMLDocument.i (http://127.0.0.1:8000/static/js/bootstrap.min.js:6:4685)
f @ index.js:60
i.getParentFromElement @ dropdown.js:403
i.clearMenus @ dropdown.js:352
a.toggle @ dropdown.js:134
i.dropdownInterface @ dropdown.js:334
(anonymous) @ dropdown.js:482
i @ event-handler.js:118
2index.js:60未捕获的DomeException:未能对“文档”执行“querySelector”:“/guides”不是有效的选择器。
在f(http://127.0.0.1:8000/static/js/bootstrap.min.js:6:1460)
在Function.i.getParentFromElement(http://127.0.0.1:8000/static/js/bootstrap.min.js:6:27564)
在Function.i.ClearMenu(http://127.0.0.1:8000/static/js/bootstrap.min.js:6:26834)
在i.a(http://127.0.0.1:8000/static/js/bootstrap.min.js:6:23632)
at Function.i.dropdown接口(http://127.0.0.1:8000/static/js/bootstrap.min.js:6:26578)
在兰开夏。(http://127.0.0.1:8000/static/js/bootstrap.min.js:6:28967)
在HTMLDocument,我(http://127.0.0.1:8000/static/js/bootstrap.min.js:6:4685)
f@index.js:60
i、 getParentFromElement@dropdown.js:403
i、 clearMenus@dropdown.js:352
a、 切换@dropdown.js:134
i、 dropdownInterface@dropdown.js:334
(匿名)@dropdown.js:482
i@event handler.js:118
根据,如果你想使用
a
作为按钮,你应该使用
href=“#”
而不是
href=“/something”