Initial route not firing

[rymohr]

It seems if the initial page load (in browser) already contains the local route then the route doesn't fire.

routes =
  '/test': -> debugger

router = new Router(routes)
router.init()

The only way I've found to get the initial route to trigger is with this little hack:

initialRoute = window.location.hash.replace(/^#/, '')
router.setRoute('/')
router.setRoute(initialRoute)

Anyone else experiencing this?

[couto]

I can confirm that I suffer from the same bug as you do.
That solution works fine except the fact that #/ gets hanged, and you have to remove it with pushState to get a clean initial URL

    var initialRoute = window.location.hash.replace(/^#/, '');
    router.setRoute('/');
    router.setRoute(initialRoute);
    if (!location.hash.replace(/^#\/*/, '') && (history && history.pushState)) {
        history.pushState("", document.title, window.location.pathname + window.location.search);
    };

Obviously this only works on browsers with pushState

[Ngorror]

try this brutal hack in https://github.com/flatiron/director/blob/master/build/director.js

change row 251:

        listener.setHash(url.join('/'));

with next rows:

        var currentUrl = dloc.hash;
        listener.setHash(url.join('/'));
        if (currentUrl == dloc.hash) {
            listener.fire();
        }

[indexzero]

Isn't this the expected behavior (although it still sucks)? i.e. if you navigate to /#foo the hash hasn't actually changed it just started at foo. Seems like the work around provided by @Ngorror is the best solution.

[rymohr]

@indexzero I don't follow your logic on this one. The whole point of this library is to handle your routing needs. You shouldn't have to hack it to get your first route to work. It's a bad assumption to think everyone will always start from the root route.

[indexzero]

@islandr I'm actually agreeing with you, but that's not how the browser sees it. If you go to /#foo the hash hasn't changed, so the onHashChanged event never fires.

What I'm really saying is that the suggested fix by @Ngorror isn't actually a hack, it's just how it has to be.

[bwiggs]

I'm suffering from the same issue. I'm trying to have links that are shareable. So a user might send their friend a link like: /#/search?query here. As stated above, the initial route doesn't get picked up.

[jdreux]

I found that running the following on page load fixed it for me (without changing the director source):

window.dispatchEvent(new HashChangeEvent(window.location.hash));

[ranadeep47]

@jdreux window.dispatchEvent(new HashChangeEvent(window.location.hash)); is giving InvalidStateError in chrome .And for me this worked

window.dispatchEvent(new HashChangeEvent("hashchange"));

[nicolashery]

For me, this seems to be fixed in 1.2.2?

I used to have a fix like the ones suggested above, but after upgrading to 1.2.2, it looks like it's irrelevant and that all I need is router.init('/') for the initial route to fire.

[rubiii]

i’m running v1.2.2 and router.init('/') works for me. maybe we can add this to the readme?

[emrahayanoglu]

It works for me in v 1.2.2. You can init the first routing with using the router.init('/') .