angular - Angular 应用在​​ Firebase 上部署时看起来不同

Question

当我在本地运行该应用程序时，它运行良好，但是当我将它部署在Firebase上时，它看起来非常不同。我正在使用@angular/material": "^9.2.4"。加载材料包有问题吗？ 如果有人想查看，这里是项目的 Github 存储库的链接。

对于firebase部署，我正在关注这个

标签： angularfirebase

Answer 1

您~在导入中缺少（波浪号）。
在style.css将导入更改为

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

文档：

要从 node_modules 路径（包括 resolve.modules）和别名导入样式，请在其前面加上 ~：

@import url(~module/style.css) => require('module/style.css')  
@import url('~module/style.css') => require('module/style.css')  
@import url(~aliasDirectory/style.css) =>
require('otherDirectory/style.css')