为什么我的下拉菜单无法正常工作？

问题描述

我想知道为什么导航栏中的下拉菜单无法正常工作。当我单击投资组合按钮时，它没有响应，这是我的代码：

/*PUG*/
doctype html
html
  head 
  title Matsu
  link(rel='stylesheet' href='/bower_components/bootstrap/dist/css/bootstrap.css')
  link(rel='stylesheet' href='/css/style.css')
body
  nav.navbar.navbar-expand-lg.navbar-dark.bg-dark
    a.navbar-brand(href='#') Website
    button.navbar-toggler(type='button' data-toggle='collapse' data-target='#navbarNavDropdown' aria-controls='navbarNavDropdown' aria-expanded='false' aria-label='Toggle navigation')
      span.navbar-toggler-icon
  #navbarNavDropdown.collapse.navbar-collapse
    ul.navbar-nav.mr-auto.mt-2.mt-lg-0 
      li.nav-item.active 
        a.nav-link(href='/') Home 
      li.nav-item
        a.nav-link(href='/about') About
      li.nav-item.dropdown
        a#navbarDropdownMenuLink.nav-link.dropdown-toggle(href='#',role='button',data-toggle='dropdown',aria-haspopup='true',aria-expanded='false')
          | Portfolio
        .dropdown-menu(aria-labelledby='navbarDropdownMenuLink')
          a.dropdown-item(href='/1') 1
          a.dropdown-item(href='/2') 2
          a.dropdown-item(href='/3') 3
          a.dropdown-item(href='/4') 4
block content
footer
  p Copyright © 2020

script(src='/bower_components/jquery/dist/jquery.js')  
script(src='/bower_components/bootstrap/dist/js/bootstrap.js')
script(src='/js/main.js') 

我不确定是否应该提供其他代码。我已经查看了引导程序导航栏的说明，并将html代码逐步转移到哈巴狗，但仍然无法解决该哈巴狗，谢谢。

Navbar Picture Project Directory

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）