首页 > 解决方案 > @angular 材质主题无法在浏览器上加载

问题描述

我正在运行从 git 克隆的 Angular 应用程序。在 npm install 和 ng serve 上没有发现错误。但是我的浏览器显示空白屏幕。我可以看到错误:

加载资源失败:服务器响应状态为 404(未找到)node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css

css 文件在指定路径中可用。

我的 style.css 包括:

@import "../node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css"; 

我是角度的新手......请指导我继续。

标签: angular-material

解决方案


从文档中,在您的 styles.scss 中:

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

你必须替换../node_modules/~


推荐阅读