问题描述
我创建了一个 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 --prod
和 npx scully
再次构建!