在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

我们如何在Stackblitz中导入Angular 为17的主题?

推荐答案

V17在从头开始创建项目时使用应用程序构建器.

这个构建器依赖于Esbuild,它不支持路径中的"~"(这是一个webpack功能).

go 掉~元,你就行了.

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

此外,在您的示例中遗漏了MatButtonModule,并且不要忘记导入图标字体.

Css相关问答推荐

如何在容器查询体中重新定义:Root的CSS自定义属性值?

如何仅使用CSS Select 器根据列表中第n个项的子项属性 Select 该项

如何在横向和纵向布局上使用 CSS 网格中的纵横比来保持纵横比

是否可以在元素之间对齐渐变?

Next.js 条件样式

如何使 css 不重复同一个类?

在 Tailwind css 中,间距对我不起作用

在不使用 position: fixed 的情况下从 CSS 网格中的自动布局中免除子元素?

Angular Datepicker - 更改日期范围 Select 样式

Tailwind Box-shadow

如何使用rvest中的 node 和类提取网页数据

Flexbox 子高度它的内容

你可以在 CSS 中扩展实体(entity)吗?

css显示:表格不显示边框

是否可以删除悬停在链接上时出现的手形光标? (或将其设置为普通指针)

如何强制显示垂直滚动条?

如何使用 Gulp 复制多个文件并保持文件夹 struct

根据背景 colored颜色 反转 CSS 字体 colored颜色

仅当将 Div 悬停在上方时才显示滚动条?

CSS:怎么说 .class:last-of-type [类,不是元素!]