Question

我正在尝试将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>

应用程序中的任何地方都没有其他模板。如果我将它们放在一起作为一个文件，则可以：

谢谢！

将NativeScript Vue模板放在单独的文件中时出现“未知的自定义元素：<div>”

0 个答案: