运行ng add @ angular / material和scss时，靛蓝粉红色主题是否已完全初始化？

Question

在运行ng add @angular/material时，它会询问我们想要的CSS框架和主题。我选择了靛蓝色和scss。我们是否需要做其他事情，还是仅将材质组件自动应用主题？

使用普通的CSS（没有CSS框架），我们将其添加到styles.css：

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

我假设Angular现在会自动执行此操作，因为angular.json中包含CSS主题，但是我看不到样式会自动呈现。这是步进器的屏幕截图：

尝试将以下内容添加到styles.scss，但错误仍然存​​在：

    /* You can add global styles to this file, and also import other style files */
    @import '~@angular/material/theming';
    // Plus imports for other components in your app.

    // Include the common styles for Angular Material. We include this here so that you only
    // have to load a single css file for Angular Material in your app.
    // Be sure that you only ever include this mixin once!
    @include mat-core();

更新

我生成了一个全新的项目，并使用相同的选项尝试了上面的最小设置，现在它可以了，所以我可能在某个地方犯了一个小错误。如果有人遇到类似问题，我会保留。

Answer 1

如果它是一个scss文件，则可能有所不同，因为其中可能包含您要在样式文件中引用的变量。由于它是一个css文件，因此唯一的区别可能就是顺序。

如果styles.scss中有规则，则靛蓝粉红色样式可能会覆盖它们，但这只会发生在 靛蓝粉红色出现在angular.json中样式表之后。