Scullyio - 如何在构建后让 Angular Material 主题CSS也呈现在静态 Index.html 文件中?

问题描述

我创建了一个 Angular 10 项目并使用以下方法将 angular scully 集成到其中 ng add @scullyio/init 命令。 我将 Angular Material 库用于工具栏、导航栏、按钮等。

现在,在我使用 ng build --prod 构建 Angular 项目后,我运行了 npx scully,它在 dist/static 文件夹中生成了所有静态文件。当我在 dist/static 文件夹中启动 HTTP 服务器时,我能够看到使用 Material 主题呈现的应用程序。但是当我不运行任何服务器,并且只在浏览器中打开 index.html 文件时,我看不到应用的 Material CSS 主题,甚至看不到我为工具栏定义的主要颜色.

请帮助我理解我在这里遗漏了什么,以便即使不启动服务器也应该使用 Material CSS 呈现静态 index.html。

解决方法

index.html 中的基本 href 更改为

<base href="/"> to <base href="./">

并使用 ng build --prodnpx scully 再次构建!

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...