Esta pergunta já tem uma resposta aqui:

Esta nova sintaxe de rotas parecia boa demais para ser verdade e agora estou pensando que realmente é. Desisti de tentar fazê-lo funcionar e aqui estou percebendo que nem mesmo o exemplo principal na página do Angular 2 funciona. Se você abrir o exemplo ao vivo e tentar, basta clicar em funciona bem e você pode ver o caminho no URL ser alterado, mas está apenas alterando a String que o caminho realmente não existe, se você copiar o URL e enviá-lo para alguém, eles receberão o seguinte erro:

{
    "statusCode": 404,
    "error": "Not Found"
}

Hell, mesmo se você apenas atualizar a página, receberá o mesmo err

Se você deseja reproduzir o problema, abra este URL:

https: //angular.io/resources/live-examples/tutorial/ts/plnkr.htm

Clique no botão "Iniciar a visualização em uma janela separada" no canto superior direito da visualização ao vivo, aguarde o carregamento da página e quando o URL mudar para algo como:

http: //run.plnkr.co/KMzM8hkaCyhlnf3b/dashboar

faça um F5 para atualizar a página e você receberá o err

Isso é um bug, é do jeito que deveria funcionar, ou algo que eles nem tentaram? Eles já estão começando mais uma vez com uma implementação ruim do roteador ou estou totalmente perdido em como estou tentando fazê-lo funcionar? Conselho por favor

Acho que estou melhor usando a implementação de hashtag.