0
respostas

Carrossel - Boostrap não funciona

Olá, tudo bem?

Alguém consegue me ajudar, estou tentando, atualizar um projeto que fiz no framework Angular, no projeto padrão funcionava o carrossel, agora que incluir no Angular parou de funcionar, já deixei meu head do index.html principal como abaixo:

<!doctype html>
<html lang="pt-br">
<head>
  <meta charset="utf-8">
  <title>GameMania</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
  <meta name="autor" content="Vander Polezel Michellão ">
</head>
<body>
  <app-root></app-root>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <!-- Jquery-->
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>
  <script src="bootstrap-dist/bootstrap-5.2.1-dist/js/bootstrap.js"></script>
</body>
</html>

Rodei no Angular o comando:

ng add @ng-bootstrap/ng-bootstrap

Mas nada de funcionar, meu projeto se encontra no gitHub

https://github.com/vanderpolezel/curso-senai-full-stack/tree/main/UC09_Codifica%C3%A7%C3%A3o_para_Front_End/Projeto_Angular/game-mania

Atenciosamente Vander Polezel.