Javascript 使用vue路由器进行意外令牌导入

我想将我的Vue模板存储到变量中，这样我就可以对它们进行路由

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

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

这里是导入行：“从“../vues/App”导入应用程序”

我检查了路径，没关系，但是如果您知道将模板文件的内容放入JS变量的任何其他方法，请告诉我

谢谢你的关注

编辑： main.js

从“../vues/App”导入应用程序；
新Vue({
el:“#应用程序”，
模板：“”，
组件：{App}
});

App.vue：

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

<script>
    export default {}
</script>

你好，世界！
导出默认值{}

您正在使用es6语法（导入），并且您的环境仅支持es5语法。因此，要么在你的网页中配置“巴别塔”，要么使用require而不是import

var App = require( "../vues/App" );

更新：如果您没有安装模块绑定器，也可能出现此错误，例如Webpack，它接受具有依赖项的模块并生成表示这些模块的静态资产。 从此处安装：

您正在使用es6语法（导入），并且您的环境仅支持es5语法。因此，要么在你的网页中配置“巴别塔”，要么使用require而不是import

var App = require( "../vues/App" );

更新：如果您没有安装模块绑定器，也可能出现此错误，例如Webpack，它接受具有依赖项的模块并生成表示这些模块的静态资产。

---

从这里安装：

可以显示main.js代码吗？在javascript

import

中，将代码文件以及其结果放入变量中。在这种情况下，

App

是保存来自

。/vues/App

的结果对象的变量。是否尝试导出.vue文件中的空白组件集<代码>导出默认值{}在您的

呼叫后谢谢您的回答，我编辑了我的帖子。我尝试了导出defaut，但结果是sameCan，您是否可以显示main.js代码？在javascript

import

中，将代码文件以及其结果放入变量中。在这种情况下，

App

是保存来自

。/vues/App

的结果对象的变量。是否尝试导出.vue文件中的空白组件集<代码>导出默认值{}在您的

呼叫后谢谢您的回答，我编辑了我的帖子。我尝试了导出defaut，但结果是相同的“未捕获引用错误：未定义需求”我已经用npm安装了webpack，我不知道在index.html中链接哪个文件以使require工作，node_modules/webpack/bin/webpack.js使用require本身“未捕获引用错误：未定义需求”我已经用npm安装了webpack，我不知道在index.html中链接哪个文件才能使require工作，node_modules/webpack/bin/webpack.js使用require本身