Vue.js链接不可单击，默认情况下不会加载主组件

好的，我刚刚开始使用vue.js。我已将TypeScript vue.js项目添加到现有Visual Studio 2017解决方案中。开箱即用，效果很好

但是现在，我正在尝试做一些应该很简单的事情。。。创建一些页面并在它们之间导航。我已经找到了3到4本教程，但没有一本与我已经掌握的内容相匹配，使它们具有适应性，而且我很难在vue.js的文档中找到我需要的内容

这是我的项目现在的截图

下面是

App.vue

文件：

这是router/index.js文件：

通过所有这些，以下是在浏览器中渲染的内容：

这几乎是正确的，除了两件事：

1）

主页

和

时间表

的链接不会呈现为可单击的html链接。这就是它们在开发工具中的样子：

2） 我原以为默认情况下会加载主组件，但事实并非如此

因此，有两个问题：

1） 我如何使链接可点击

2） 为什么默认情况下不加载Home

编辑：

以下是main.ts文件：

---

您还需要在main.js文件上设置vue路由器。以下是一个例子：

import router from './router' 
 new Vue({  
   render: h => h(App),  
   router 
 }).$mount('#app')

---

您还需要在main.js文件上设置vue路由器。以下是一个例子：

import router from './router' 
 new Vue({  
   render: h => h(App),  
   router 
 }).$mount('#app')

---

你也可以发布你的

main.ts

文件吗？@yuriy636。。。你也可以发布你的

main.ts

文件吗？@yuriy636。。。多尼克，谢谢！我刚刚发布了main.ts文件的图片。我将尝试将您在这里拥有的内容调整为我已经拥有的内容。在

从“.router”导入路由器上，

我得到：找不到模块的声明文件。“router”是否确实具有正确的导入路径？它不一定是我导入它的方式。请相信你的话，原谅我的无知。。。路径结构是如何工作的？这是什么意思。“./router”的意思是？或者可能是我没有正确安装路由器模式？好的，谢谢！我刚刚发布了main.ts文件的图片。我将尝试将您在这里拥有的内容调整为我已经拥有的内容。在

从“.router”导入路由器上，

我得到：找不到模块的声明文件。“router”是否确实具有正确的导入路径？它不一定是我导入它的方式。请相信你的话，原谅我的无知。。。路径结构是如何工作的？这是什么意思。“./router”的意思是？或者可能是我没有正确安装路由器？