You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Angular 17的Stackblitz项目中添加Angular Material主题?

在Angular 17 Stackblitz项目中导入Angular Material预构建主题的方法

Angular 17及新版Stackblitz环境下,原带~符号的导入语法已不再适用,且全局样式文件改为global_styles.css,调整方法如下:

  • 打开项目中的src/global_styles.css文件
  • 将旧导入语句替换为不带~的版本:
@import "@angular/material/prebuilt-themes/indigo-pink.css";

现代Angular构建工具(包括Stackblitz使用的工具)会自动解析@angular/material包的路径,无需依赖~符号指向node_modules目录。保存修改后,项目会自动重新构建,主题样式即可正常生效。

内容的提问来源于stack exchange,提问作者Ole

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.29 09:44:51