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

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

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

/*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 &copy; 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