在将引导主题转换为 Angular 9 项目期间引导 4 切换不起作用？

Question

我正在将引导程序转换为 Angular 9 项目

"styles": [
      "src/styles.scss",
       "src/assets/css/bootstrap.min.css"  
      "src/assets/css/normalize.css",
      "src/assets/css/main.css",
      "src/assets/css/fullcalendar.min.css",
      "src/assets/css/animate.min.css"       
     ],
    "scripts": [
      "node_modules/bootstrap/dist/js/bootstrap.min.js",
       "node_modules/jquery/dist/jquery.min.js",
      "node_modules/popper.js/dist/umd/popper.min.js",
      "node_modules/@fortawesome/fontawesome-free/js/all.js",   
      "node_modules/@fortawesome/fontawesome-free/css/all.css",
      "src/assets/js/modernizr-3.6.0.min.js",
      "src/assets/js/Chart.min.js",
      "src/assets/js/jquery.waypoints.min.js"
    ]

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>SchoolManagment</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <!-- Favicon -->
        <link rel="shortcut icon" type="/assets/image/x-icon" href="/assets/img/favicon.png">
    <!-- Normalize CSS -->
    <!-- Main CSS -->

    <link rel="stylesheet" href="/assets/css/main.css">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="/assets/css/bootstrap.min.css">

    <link rel="stylesheet" href="/assets/fonts/flaticon.css">
</head>
<body>
<app-root></app-root>
</body>
</html>

如果在 angular.json 文件中设置链接，则引导 css 也不起作用，但如果我在 index.html 文件中添加它则不起作用。谁能告诉我我在这里出了什么问题？

Answer 1

第一步 => npm install bootstrap jquery popper.js --save

Step-2 => 在angular.json styles 和scripts 数组中添加波纹管文件。

"styles": [
    "node_modules/bootstrap/dist/css/bootstrap.min.css",
    "src/styles.scss"
],
"scripts": [
    "node_modules/jquery/dist/jquery.min.js",
    "node_modules/popper.js/dist/umd/popper.min.js",
    "node_modules/bootstrap/dist/js/bootstrap.js"
]

按照这些步骤再次编译您的项目。

注意 - 从 index.html 中删除 css 和 js 链接。