Javascript Vue2:尝试使用

我第一次尝试Vue2，我的路线被卡住了

基本上，当我添加到index.html时，我开始收到异常：

[Vue warn]: Failed to mount component: template or render function not 
defined.

found in

---> <Anonymous>
       <Root>

GitHub代码链接：

我甚至查阅了一个关于这个主题的视频教程，他们似乎没有问题，但我有。视频链接：

为了澄清这一点，直到我添加到index.html行链接时才出现错误：

我希望我能对这里正在发生的事情有更多的了解，但我不知所措。感谢所有愿意查看代码并为我指出正确方向的人：

如下更改您的src/routes.js：

从“vue路由器”导入VueRouter； 从“./views/Home.vue”导入主页 从“/views/About.vue”导入关于 让路线=[ { 路径：“/”， 组成部分：家庭 }, { 路径：'/about'， 组件：关于 } ]; 导出默认的新VueRouter{ 路线

---

};工作！但为什么？！为什么必须在文件顶部导入*.vue文件而不是内联导入？因为需要使用webpack vue loader将vue文件转换为普通javascript模块，所以在生成过程中遇到导入时会执行此操作。