Что мне нужно сделать, чтобы включить router-view в веб-компонентах?
В https://github.com/aurelia/web-components есть утверждение о <router-view>
Обратите внимание, что вызов .useGlobalElements () удалит все глобальные элементы
из ваших глобальных ресурсов, включая <router-view> и <compose>
Мое приложение использует представление маршрутизатора для реализации функциональности tabs и работает в приложении по умолчанию, отображаемом SPA.
Пример: мой main.js выглядит так:
import { CustomElementRegistry } from 'aurelia-web-components';
import {PLATFORM} from 'aurelia-pal';
import environment from '../environment';
export function configure(aurelia) {
aurelia.use
.basicConfiguration()
.globalResources(PLATFORM.moduleName('components/arraysearchdialog'))
.globalResources(PLATFORM.moduleName('apps/mycomponent'))
aurelia.use.developmentLogging(environment.debug ? 'debug' : 'warn');
if (environment.testing) {
aurelia.use.plugin(PLATFORM.moduleName('aurelia-testing'));
}
aurelia.start().then(() => {
const registry = aurelia.container.get(CustomElementRegistry);
registry.useGlobalElements();
});
}
Добавлен ... new AureliaPlugin({ dist: 'es2015' }), ... в конфигурацию веб-пакета.
Мой webcomponent.html с использованием экспортированных компонентов выглядит следующим образом:
<!DOCTYPE html>
<html>
<head><script type="module" src="app.bundle.js"></script></head>
<body aurelia-app="webcomponent/main">
<au-arraysearchdialog></au-arraysearchdialog>
...
<au-mycomponent></au-mycomponent>
</body>
</html>
Отображаются и <au-arraysearchdialog>, и <au-mycomponent>, но без просмотра маршрутизатора.