«Неизвестный пользовательский элемент: <div>» при помещении шаблона NativeScript Vue в отдельный файл - PullRequest
Новая
       6

«Неизвестный пользовательский элемент: <div>» при помещении шаблона NativeScript Vue в отдельный файл

0 голосов
/ 20 ноября 2018

Я пытаюсь разделить шаблон Vue и TypeScript на отдельные файлы (чтобы лучше работать с IDE).

При запуске приложения появляется эта ошибка, даже если я не объявляюэлемент <div> в любом месте шаблона.

Работает нормально, когда я помещаю шаблон и код в один файл. 

JS: '{NSVue (Vue: 2.5.17 | NSVue: 2.0.2)} -> CreateElement(NativeFrame)'
JS: [Vue warn]: Error compiling template:
JS:
JS: App.html
JS:
JS: - Component template requires a root element, rather than just text.
JS:
JS:
JS: found in
JS:
JS: ---> <App>
JS:        <Frame>
JS:          <Root>
JS: [Vue warn]: Unknown custom element: <div> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

Файл TypeScript: App.ts 

import Vue from 'vue';
import Component from 'vue-class-component';
@Component({ template: 'App.html' })
export default class App extends Vue {
    msg = 'Hello TS World!';
}

Шаблон: App.html 

<template>
    <Page>
        <ActionBar title="Welcome to NativeScript-Vue!"/>
        <GridLayout columns="*" rows="*">
            <Label class="message" :text="msg" col="0" row="0"/>
        </GridLayout>
    </Page>
</template>

Других шаблонов в приложении пока нет.Если я соберу их в один файл, это сработает:

Спасибо!

...