如何在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
相关产品推荐
相关产品推荐

