Tengo una aplicación simple con un componente que espera ciertos parámetros de la URL. solo hay una ruta en la aplicación:

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

En el Index.html, tengo esto en el encabezado<base href="/">

Estoy usando webpack y la aplicación funciona bien en el entorno de desarrollo, cuando navego por la url:http://localhost:4000/hero/1/1.

Sin embargo, al compilar la aplicación para la producción y obtener los archivos de distribución, se aloja en IIS. Me sale el siguiente error cuando intento navegar por la misma url:

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

La aplicación funciona bien si elimino todo el enrutamiento y solo busco:http:localhost:4200 en el IIS.