Drop работает с href из #, но не с «home / index»

Question

Мое раскрывающееся меню работает, когда у меня есть # в качестве значения href, но не когда у меня есть ссылка.

Bootstrap 4.3.1

Я получаю ошибку селектора запроса:

SyntaxError: Строка не соответствует ожидаемому шаблону.Выбранный элемент

…

        <li class="nav-item dropdown">

              <a href="home/index" class="nav-link text-color-white dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> 
                        Home
                    <i class="fa fa-search"></i>
                </a>
               <ul class="dropdown-menu" role="menu">
                 <li><a href="#" class="">Section 1</a></li>
                 <li><a href="#" class=""> Section 2</a></li>                    
                 <li><a href="#" class=""> Section 3</a></li>
               </ul>
            </li>

Answer 1

Это известная проблема в Bootstrap, которую они исправляют в следующем выпуске. Источник

Решение (в этой теме много решений)

<li class="nav-item dropdown" id="parentDropdown">
   <a href="home/index"
      class="nav-link text-color-white dropdown-toggle" 
      data-toggle="dropdown" 
      data-target="#parentDropdown"
      role="button" 
      aria-expanded="false"> 
        Home
        <i class="fa fa-search"></i>
    </a>
    <ul class="dropdown-menu" role="menu">
      <li><a href="#" class="">Section 1</a></li>
      <li><a href="#" class=""> Section 2</a></li>                    
      <li><a href="#" class=""> Section 3</a></li>
    </ul>
</li>

Для раскрывающегося списка требуется идентификатор, а для ссылки необходимо указать data-target, указывающий на этот идентификатор