Ошибка маршрутизатора Vaadin Uncaught (в обещании) TypeError: [Vaadin.Router] Ожидаемый выход маршрутизатора будет действительным узлом DOM (но получил значение NULL) - PullRequest
Новая
       14

Ошибка маршрутизатора Vaadin Uncaught (в обещании) TypeError: [Vaadin.Router] Ожидаемый выход маршрутизатора будет действительным узлом DOM (но получил значение NULL)

0 голосов
/ 02 февраля 2020

Я использую Vaadin Router в своем vue приложении . Ниже приведен пример того, что я пытаюсь: ниже мое приложение. vue 

<template>

      <HelloWorld/>

</template>

<script>

import HelloWorld from './components/HelloWorld';


export default {
  name: 'App',

  components: {
     HelloWorld,
  }
};
</script>

и ниже мое HelloWorld. vue: 

<template>

      <div id = "outlet"></div>

</template>

<script>


import {Router} from '@vaadin/router';

const router = new Router(document.getElementById('outlet'));

router.setRoutes([
  {path: '/', component: 'my-web-component-a'},
  {path: '/other', component: 'my-web-component-other'}
]);
export default {
  name: 'HelloWorld',

};
</script>

Я добавил сценарии своих веб-компонентов в индекс этого приложения. html, как показано ниже: 

<script src = "../assets/my-web-component-a.js"></script>
<script src = "../assets/my-web-component-other.js"></script>

Но когда я запускаю свое приложение vue, оно запускается, но не рендерит веб-компоненты и выдает следующую ошибку: 

vaadin-router.js?7629:2007 Uncaught (in promise) TypeError: [Vaadin.Router] Expected router outlet to be a valid DOM Node (but got null)
    at Router.__ensureOutlet (vaadin-router.js?7629:2007)
    at Router.__addAppearingContent (vaadin-router.js?7629:2041)
    at eval (vaadin-router.js?7629:1783)

я что-то не так делаю? я не очень знаком с Vaadin

...