RouteConfig in router-depracted in Angular 2 is prepending a few extra '%E2%80%9C' double left quotes to the redirect route

Question

I have an angular 2 app (built with Angular RC1) that is using the class RouteConfig from the router-deprecated module of RC1.

import {Component} from "@angular/core";
import {RouteConfig, RouterOutlet} from "@angular/router-deprecated";
import {LoginComponent} from "./login/login";

@RouteConfig([
  {path: "/", redirectTo: ["Login"]},
  {
    path: "/login",
    component: LoginComponent,
    name: "Login"
 }])
@Component({
  selector: "my-app",
  template: "<router-outlet></router-outlet>",
  directives: [RouterOutlet]
})
export class AppComponent {
}

As seen above, when the user hits localhost:3000 on the browser, I am seeing the browser url redirect to:

http://localhost:3000/%E2%80%9C/%E2%80%9C/%E2%80%9C/login

I am seeing a related issue with Component decorator templateUrls. Here's my other stackoverflow post

I must be missing or doing something wrong here. Any ideas?

I suspect it might have to do with the config SystemJS?

You might be missing the <base href="/"> in <head> or use PathLocationStrategy (default) with a server that doesn't support it. — Günter Zöchbauer
Did you ever solve this? For me (RC1, deprecated router) , a " is inserted on all routes.. it's annoying.. have no idea how to fix it — Spock
I might add that the issue was not resolved by switching to the new router.. still the same.. weird — Spock

freddy mercury freddy mercury · Accepted Answer · 2016-06-03T22:39:16

The resolution was that the

<base href="/">

tag was using a stylized character encoding for the double quotes. I (shamefully) admit that I must have copied the tag from a tutorial and did not sanitize the double quote character; lesson learned.

RouteConfig in router-depracted in Angular 2 is prepending a few extra '%E2%80%9C' double left quotes to the redirect route

2 Answers