使用 Angular 17 将 Angular Material 主题添加到 Stackblitz 项目？

Question

在 Stackblitz 的早期版本中，曾经有一个

styles.css

文件，要使用预构建的主题之一，我们可以像这样向

styles.css

添加导入。

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

然而，最新的 Stackblitz 使用

global_styles.css

这个错误。

https://stackblitz.com/edit/stackblitz-starters-od474b?file=src%2Fmain.ts,src%2Fglobal_styles.css

我们如何使用 Angular 17 在 Stackblitz 中导入主题？

Answer 1

v17 在从头开始创建项目时使用应用程序生成器。

这个构建器依赖于 Esbuild，它不支持路径中的“~”（这是一个 webpack 功能）。

删除

~

就可以了。

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

此外，您的示例中缺少

MatButtonModule

，并且不要忘记导入图标字体。