Difference between lazy loaded routes and normal loaded routes

[ivanbacher]

🐛 Bug Report

Created a new app with a router + child router with the following routes:

main.ts

import Aurelia from 'aurelia';
import { RouterConfiguration } from '@aurelia/router';
import { MyApp } from './my-app';

Aurelia.register(RouterConfiguration.customize({ useUrlFragmentHash: true }))
  .app(MyApp)
  .start();

my-app.ts

import { HomePage } from './routes/home-page';

@routes([
  { path: '', redirectTo: 'home' },
  {
    path: 'home',
    component: () => HomePage01,
    title: 'Home',
  },
])

home-page.ts

import { ChildPage01 } from './child/child-page-01';

@routes([
  { path: '', redirectTo: 'child' },
  {
    path: 'child',
    component: ChildPage01,
    title: 'Child Page',
  },
])

So when the app opens in the browser for the first time the url is: /#/home/child.

However, if the routes are lazily loaded:

my-app.ts

@routes([
  { path: '', redirectTo: 'home' },
  {
    path: 'home',
    component: () => import('./routes/home-page'),
    title: 'Home',
  },
])

home-page.ts

@routes([
  { path: '', redirectTo: 'child' },
  {
    path: 'child',
    component: () => import('./child/child-page-01'),
    title: 'Child Page',
  },
])

The url is this /# when the app is loaded for the first time and the child route is not loaded.

Repro links:
Normal loaded routes: https://stackblitz.com/edit/au2-router-p1wmzl?file=src/routes/home-page.ts
Lazy loaded routes: https://stackblitz.com/edit/au2-router-gxy16b?file=src/routes/home-page.ts

[jwx]

This works in the latest release, please update.

[ivanbacher]

Super. I updated to 2.0.0-alpha.41 and it worked.

I noticed a different problem though. If I add in this to home-page.ts:

loading(params, instruction) {
    let p = new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve(undefined);
      }, 1000);
    });
    return p;
  }

it doesn't work anymore. This is the case for both versions (normal loading and lazy loading). (I updated the stackblitz examples)

[bsrdjan]

works without redirectTo

path: ['', 'child'],