我是从“ angular.json”中的“ node_modules”中引用“ bootstrap”的，但是当我通过一个示例执行此样式时，这些样式将不适用

Question

我刚刚创建了一个新的angular应用程序，在其中安装了bootstrap和Jquery。如果我通过按钮示例对其进行测试，则它似乎不起作用。

上面是我编辑笔迹的角度文件。

Answer 1

可能是路径问题。您可以更新路径并尝试执行以下操作：“ ../ node_modules / bootstrap / dist / css / bootstrap.min.css”

Answer 2

我看到您在脚本中使用bootstrap.min.css，这是错误的。 而且，还有更多的依赖 您必须安装i-e Jquery和popper，

npm install jquery --save

npm install popper.js --save

这一切可能有点忙，所以我建议您使用CDN进行引导

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>

在您的HTML head标签中提及此CDN，然后开始使用Bootstrap。