Я пытаюсь использовать внешние компоненты с компонентами класса Vue Typescript. Я установил стандартный шаблон и изменил его блок <script>
в соответствии с инструкцией :
import { Vue, Component, Prop } from "vue-property-decorator";
@Component
export default class App extends Vue {
msg: string = "Hello";
}
Но я получаю сообщение об ошибке: No known component for element RadSideDrawer
.
Я также попытался включить опции RadSideDrawer
до @Component
, но безуспешно:
import { Vue, Component, Prop } from "vue-property-decorator";
const RadSideDrawer = require('nativescript-ui-sidedrawer').RadSideDrawer;
@Component({
components: {
RadSideDrawer,
}
})
export default class App extends Vue {
msg: string = "Hello";
}
Весь мой код компонента здесь . Я не модифицировал другие части шаблона, поэтому у меня есть эти строки в main.ts
:
Vue.registerElement(
'RadSideDrawer',
() => require('nativescript-ui-sidedrawer').RadSideDrawer,
);
Но это не работает. Как использовать RadSideDrawer с компонентами класса?