angular material is not recognized in firebase hosting

Question

While serving in local host is working properly but when I deploy in the firebase hosting, angular materials is not recognized. displaying as plain html page

{
  "hosting": {
    "public": "dist/app name",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

Answer 1

I had a similar problem. The styles of angular material were not displayed correctly when I wanted to deploy my app in firebase, but the animations worked. So I found this: What is purpose of the property "private" in package.json?

After I set "private: true" to "false" my styles were correctly displayed.