angular - 在 Nrwl Nx 库中导入 Angular Material 主题

标签 angular angular-material nrwl

我有一个 nrwl nx包含应用程序和库的工作区。

在我的一个库中,我想导入一个 Angular Material 主题,但在浏览器中我收到以下警告:

Could not find Angular Material core theme. Most Material components may not work as expected. For more info refer to the theming guide: https://material.angular.io/guide/theming

我在我的 list.component.scss 中导入了以下行:

@import "~@angular/material/prebuilt-themes/indigo-pink.css";

实际上,我想要将它导入到 styles.scss 中,但是 styles.scsslibs 中不可用,如果我添加一个我不知道在哪里引用它。

最佳答案

我使用 ng add @angular/material 将 Angular Material 导入 Nx 没有任何问题,记得在 angular.json 中设置

"styles": [
  "node_modules/@angular/material/prebuilt-themes/indigo-pink.css"
]

关于angular - 在 Nrwl Nx 库中导入 Angular Material 主题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51856716/

相关文章:

angularjs - 如何提高sidenav动画性能 Angular Material

jenkins - 在 Jenkins 中使用 Nx 进行 CI/CD 的最佳方式

jestjs - 使用 jest "watch mode"和 nx 测试(nx CLI)

angular - 找不到 NgModule。使用 skip-import 选项跳过 NgModule 中的导入

angular - Nx工作区: Angular CLI does not find file path after migrate to NX

angular - URLSearchParams 不是构造函数

css - Angular Material 有顶层布局容器吗?

angularjs - 使用 ng2-bootstrap 时没有将 "exportAs"设置为 "bs-modal"的指令

javascript - 更改表行中的 [(ngModel)] 值将影响正文中存在的所有行。如何修复它?

javascript - 来自 ng-repeat 的值溢出响应 View 中的屏幕大小 : AngularJS