Tengo un problema con mis scripts personalizados, ya que no son leídos por los módulos o el componente de layaout el cual me sirve de plantilla, el menú y algunos componentes de las paginas que hacen uso de los archivos JS.

Este es mi archivo Angular.json

    "styles": [
                  "src/styles.css",
                  "src/assets/css/noscript.css",
                  "src/assets/css/mycss.css",
                  "src/assets/css/main.css"
                ],
                "scripts": [
                  "node_modules/jquery/dist/jquery.min.js",
                  "src/assets/js/jquery.min.js",
                  "src/assets/js/jquery.dropotron.min.js",
                  "src/assets/js/jquery.scrolly.min.js",
                  "src/assets/js/jquery.scrollex.min.js",
                  "src/assets/js/browser.min.js",
                  "src/assets/js/breakpoints.min.js",
                  "src/assets/js/util.js",
                  "src/assets/js/main.js"
                ] 
El apartado de estilos funciona correctamente en cada componente y modulo de la aplicación pero los archivos JS no función correctamente, haciendo pruebas si coloco el contenido HTML que hace uso del JS en app.component.html funciona correctamente pero si el HTML esta en un modulo o componente diferente este no funciona.