Ошибка при составлении привязки: необработанный отказ от обещания TypeError: невозможно прочитать свойство «маршрутизатор» нулевого значения

Панель навигации имеет свойство router, украшенное декоратором @bindable. Невозможно связать свойство маршрутизатора пользовательского элемента панели навигации со свойством маршрутизатора модели представления приложения с помощью компоновки.

Как правило, compose и @bindable не связаны друг с другом. Это никак не перевести:

<my-custom-element my-bindable-property.bind="foo"></my-custom-element>

К этому:

<!-- no way to bind "my-bindable-property"... binding to "model" is not going to help -->
<compose view-model="./my-custom-element"></compose>

Попробуйте изменить композицию на это:

<compose view="./nav-bar.html"></compose>

Вы также можете удалить nav-bar.js — он не будет использоваться.

Чтобы передать объекты в compose пользовательский элемент, мне пришлось установить такой элемент:

<compose view-model="./nav-bar" model.bind="router"></compose>

а затем используйте метод activate для назначения этого объекта в модели:

export class NavBar {
  activate(router){
    this.router = router;
  }
}

Как заметил Джереми, compose и @bindable больше не работают вместе...