Eu tenho um aplicativo simples com um componente que espera determinados parâmetros do URL. existe apenas uma rota no aplicativo:

const appRoutes: Routes = 
                       path: 'hero/:userId/:languageId',component: HeroWidgetComponent }];

No Index.html, eu tenho isso no cabeçalho<base href="/">

Estou usando o webpack e o aplicativo funciona bem no ambiente de desenvolvimento ao navegar no URL:http://localhost:4000/hero/1/1.

No entanto, ao criar o aplicativo para produção e obter os arquivos de distribuição, hospede-o no IIS. Recebo o seguinte erro ao tentar procurar o mesmo URL:

HTTP Error 404.0 - Not Found
The resource you are looking for has been removed, had its name changed, or is temporarily unavailable.

O aplicativo funciona bem se eu remover todo o roteamento e apenas navegar:http:localhost:4200 no IIS.