在Angular 4中生成生成后，日期选择器样式不起作用

Question

最近我创建了一个我的Angular5应用程序的构建，其中我使用ngx-bootstrap来显示datepicker和modals。它在生产之前工作得非常好，但是在生产之后，构建似乎失去了它的造型。

请查看附图...

我再次执行了所有实施步骤，但没有任何效果。

请帮助解决此问题。非常感谢。

Answer 1

最后，我找到了解决方案。

我刚刚将ngx-bootstrap CSS添加到angular-cli.json

<强>角cli.json

"styles": [
    "styles.css",
    "../node_modules/ngx-bootstrap/datepicker/bs-datepicker.css"],

它对我有用。谢谢你的关注。

Answer 2

如果先前的解决方案不可行，另一个解决方案可以解决您的问题：

它的用途是：

"@angular/core": "^6.0.3", "@angular/material": "^7.3.2",

首先在样式路径中将bs-datepicker.css路径添加到angular.json文件：

"styles": [
    "styles.css",
    "../node_modules/ngx-bootstrap/datepicker/bs-datepicker.css"],

如果添加bs-datepicker.css仍然不起作用，请尝试将此链接添加到style.css

@import "~node_modules/ngx-bootstrap/datepicker/bs-datepicker.css";

为我解决了问题的

希望对您有所帮助！

Answer 3

另一种解决方案是将CSS添加到资产目录。

Answer 4

对于 Angular 10 和 ngx 6.2.0 版

这发生在我们使用 npm install ngx-bootstrap --save 这个命令。

尝试使用这个 ng add ngx-bootstrap

但在此之前，如果您使用过第一个命令，请使用 npm uninstall。