firebase – Enrutador de angular 10 no puedo compartir el link de una ruta


estoy usando angular 10 con firebase lo que pasa es que al hacer deploy de la aplicacion con firebase, trato de acceder a una ruta que hice desde app-routing.module.ts la cual se accede por medio del id del post la cual es post/:id.
he intentado almacenar esa misma ruta en otra constante y aun asi me sigue dando el 404, el deploy me funciona bien pero cuando intento compartir el link del post me tira el not found.

const routes: Routes =

(
  
{path:'',component:ContainerAppComponent,children:

(
{ path: '', loadChildren: () => import('./components/pages/home/home.module').then(m => m.HomeModule) },
**{path:'post/:id',component:DetailsPostComponent}**,
{ path: 'about', loadChildren: () => import('./components/pages/about/about.module').then(m => m.AboutModule) },
{path:'',redirectTo:'',pathMatch:'full'}
)

},
{ path: 'admin', loadChildren: () => import('./components/admin/admin.module').then(m => m.AdminModule) },
{ path: 'login', loadChildren: () => import('./components/auth/login/login.module').then(m => m.LoginModule) },
{ path: 'stat', loadChildren: () => import('./components/posts/estadisticas/estadisticas.module').then(m => m.EstadisticasModule) },


)



@NgModule({
  imports: (RouterModule.forRoot(routes)),
  exports: (RouterModule)
})
export class AppRoutingModule { }

el proposito de poder acceder a la ruta es poderla copiar y compartir en otras partes sin que me tire este error en el firebase
introducir la descripción de la imagen aquí