scripts en angular json, owl-carousel-o jquery problems

Por alguna razon no me anda el jquery porque ni los botones de next prev andan y con owl-carousel menos

Código

import { Component, OnInit } from '@angular/core';
 
import {  OwlOptions } from 'ngx-owl-carousel-o';
 
declare var $: any;
 
@Component({
  selector: 'app-clientes',
  templateUrl: './clientes.component.html',
  styleUrls: ['./clientes.component.css']
})
export class ClientesComponent implements OnInit {
 
 
  constructor() { }
 
  declare isDragging: boolean;
 
  ngOnInit(): void {
 
  }
 
  customOptions: OwlOptions  =  {
    loop: true,
    mouseDrag: true,
    touchDrag: true,
    pullDrag: true,
    margin: 10,
    nav: true,
    dots: false,
    autoplay: true,
    smartSpeed: 2000,
    navText: ['<i class="fas fa-caret-left"></i>',
    '<i class="fas fa-caret-right"></i>' ],
    responsive: {
      0: {
        items: 1
      },
      600: {
        items: 1
      },
      1000: {
        items: 2
      }
    }
  }
 
 
}

y no hay forma de hacer que corra jquery desde angular.json

Código

"scripts": [
                            "node_modules/jquery/dist/jquery.min.js",
                            "node_modules/bootstrap/dist/js/bootstrap.bundle.min.js",
                            "node_modules/popper.js/dist/popper.min.js",
                            /* "./node_modules/jquery/dist/jquery.min.js",
                             "./node_modules/bootstrap/dist/js/bootstrap.bundle.min.js", */
                            //"./node_modules/bootstrap/dist/js/bootstrap.bundle.min.js",
                            "src/assets/js/main.js",
                            "src/assets/js/top-buttom.js"
                        ]

hay cosas que andan con estos dos cdn en el index.html pero no todo...

Código

<body data-spy="scroll" data-target=".navbar" data-offset="50">
    <app-root></app-root>
    <!--<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
-->
 
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
 
    <script src="assets/js/main.js"></script>
    <script src="assets/js/top-buttom.js"></script>
    <script src="assets/js/parallax.js"></script>
</body>

para añadir separé en varios componentes, será tambien por eso?

tengo como 8 en el app.component.html

Ya casi estoy cerca, veo que el tal owl-carousel-o solo funciona bien en el index o app.component pero cuando quiero usarlo en un componente no funciona al 100%, eso me falta,

2 dias sin formir estoy con esto