我想将我的 Vue 模板存储到变量中，以便可以路由它们。

我创建了一个仅包含 HTML 标题的 App.vue 文件（用于测试目的），以及一个带有“import”命令的 main.js 文件，该命令我从未在 JavaScript 中使用过，但我不知道任何其他方法可以将模板文件的内容放入变量中，因为我知道每个文档都告诉这样做。

无论如何，使用此“import”命令我收到此错误：“未捕获的语法错误：意外的令牌导入”

这是导入行：“从'../vues/App'导入 App；”

我检查了路径，没问题，但如果你知道任何其他方法可以将模板文件的内容放入 JS 变量中，请告诉我。

感谢您的注意。

编辑： main.js

import App from '../vues/App';

new Vue({
    el: '#app',
    template: '<App/>',
    components: { App }
});

App.vue：

<template>
    <h1>Hello World!</h1>
</template>

<script>
    export default {}
</script>