Nav bar not working when placed in shared folder

See more:

Angular10

when i place nav component html code in App.component.html it works but not worked in shared folder.
Anguler 10 project structure as below

App
    Auth
    Dashboard
    Layout
    Shared
        Dashboard-nav
            dashboard-nav.component.html
            dashboard-nav.component.css
            dashboard-nav.component.ts
    App.routing.component.ts
    App.component.css
    App.component.html
    App.component.ts
    App.module.ts
assets
    css
    Js
    img
    app.bungle.js
    vendors.bundle.js

included supporting files as below

"styles": [
              "src/assets/css/vendors.bundle.css",              
              "src/assets/css/app.bundle.css",
              "src/assets/css/skins/skin-master.css",
              "src/assets/css/fa-solid.css",
              "src/assets/css/json-path-picker/json-path-picker.css",
              "src/styles.css"
            ],
            "scripts": [
              "node_modules/jquery/dist/jquery.min.js",
              "src/assets/js/vendors.bundle.js",
              "src/assets/js/app.bundle.js",
              "src/assets/js/json-path-picker/json-path-picker.js"
            ]

navbar (sidebar)

<ul id="js-nav-menu" class="nav-menu">
      <li>
        <a
          href="#"
          title="Application Intel"
          data-filter-tags="application intel"
        >
          class="fal fa-info-circle">
          <span class="nav-link-text" data-i18n="nav.application_intel"
            >Dashboard</span
          >
        </a>
        <ul>
          <li>
            <a
              href="intel_analytics_dashboard.html"
              title="Analytics Dashboard"
              data-filter-tags="application intel analytics dashboard"
            >
              <span
                class="nav-link-text"
                data-i18n="nav.application_intel_analytics_dashboard"
                >Dashboard 1</span
              >
            </a>
          </li>
          <li>
            <a
              href="intel_marketing_dashboard.html"
              title="Marketing Dashboard"
              data-filter-tags="application intel marketing dashboard"
            >
              <span
                class="nav-link-text"
                data-i18n="nav.application_intel_marketing_dashboard"
                >Dashboard 2</span
              >
            </a>
          </li>
        </ul>
      </li>
</ul>

What I have tried:

tried with (dashboard-nav.component.ts)

ngOnInit() {
    $.getScript('../../../assets/js/app.bundle.js');
  }