0

I created an Angular 10 project and integrated angular Scully into it using ng add @scullyio/init command. I am using the Angular Material library for toolbars, navbar, buttons, etc.

Now after I build the Angular project using ng build --prod, I ran npx scully which generated all the static files inside the dist/static folder. When I start a HTTP server inside the dist/static folder, I am able to see the application rendered with Material theme. But when I don't run any server, and open just the index.html file in the browser, I am not able to see the Material CSS theme applied, not even the primary color which I had defined for toolbar.

Please help me to understand what am I missing here so that the static index.html should be rendered with Material CSS even without starting a server.

Lizzie Daffofil
  • 3
  • 2

1 Answers1

0

Change the base href in index.html from

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

and build again with ng build --prod and npx scully!

Steffi Keran Rani J
  • 3,667
  • 4
  • 34
  • 56