Wierd issue: Cannot read propety 'canActivate' of undefined

[istrau3]

I am using the dialog as specified in the docs:

import {inject} from 'aurelia-framework';
import {DialogService} from 'aurelia-dialog';
import {Login} from './login/login';
import {Register} from './register/register';

@inject(DialogService)
export class LoginRegisterDropdown {
    constructor(dialogService) {
        this.dialogService = dialogService;
    }

    login() {
        this.dialogService.open({ viewModel: Login});
    }

    register() {
        this.dialogService.open({ viewModel: Register});
    }
}

Somehow I am getting thrown the error in the description...

I dug into the code a little.
I believe this error is being caused by the code below:

_getViewModel(instruction) {
    if (typeof instruction.viewModel === 'function') {
      instruction.viewModel = Origin.get(instruction.viewModel).moduleId;
    }

    if (typeof instruction.viewModel === 'string') {
      return this.compositionEngine.ensureViewModel(instruction);
    }

    return Promise.resolve(instruction);
  }

basically Origin.get(instruction.viewModel).moduleId is returning undefined.
'./register/register' is definitely the correct relative path...

Thanks in advance.

[istrau3]

I solved this by passing in the absolute path (note: the relative path does not work) to the view-model instead of the class/constructor function itself, like so:

 this.dialogService.open({ viewModel: 'app/nav-bar/login-register-dropdown/register/register'});

Note: I am using webpack, perhaps that is relevant.

[plwalters]

Tracking over in loader-webpack

[lajuffermans]

Not sure if this is the right place but I'm experiencing similar issues with a non-webpack (aurelia-cli) setup and aurelia-dialog 1.0.0-beta.3.0.1

@istrau3 solution of using the absolute path "solved" it