Question

我创建了一个新的Angular 6项目，但我无法使用引导样式。

我通过npm将ng-bootstrap安装到其中，然后将这些行添加到index.html：

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
        crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
        integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
        crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js"
        integrity="sha384-o+RDsa0aLu++PJvFqy8fFScvbHFLtbvScb8AjopnFD+iEQ7wo/CG0xlczd+2O/em"
        crossorigin="anonymous"></script>

尽管没有一个引导样式生效，所以很明显我在这里错过了一件。帮助吗？

Answer 1

最好的方法是通过npm安装引导程序（如果已启用）。

在角度项目根目录中运行以下命令：

npm install bootstrap@latest

这将安装必要的CSS文件并将其导入到您的项目中。

Answer 2

许多问题重复，包括我自己的一些问题：就像评论员JB所说的那样-NG-bootstrap用于摆脱Bootstrap所需的JS依赖关系。

https://medium.com/@sunilk/getting-started-angular-6-and-ng-bootstrap-4-4b314e015c1c

因此，您可能在本指南中引用状态，指出可以通过导入这些脚本来使Bootstrap4工作，但是首选的方法是使用NgBootstrap来避免这种情况。确保已安装所有依赖项（全部1个（引导程序4）），然后按照指南的其余部分操作，以使NgBootstrap功能正常。

您也可以查看NgxBootstrap，该教程位于同一页面的更下方。

引导程序未生效

2 个答案: