Vue.js Vue路由器赢得'；t显示组件

我正在设置一个新的Vue.js+Vue路由器应用程序，当我单击app.Vue中设置的路由器链接时，内容不会显示。路由器和应用程序对象定义良好，我已尝试打印它们。index.html中的应用程序正在运行，因为我可以看到引导导航栏

只有我的观点的内容没有显示出来

Main.js

import BootstrapVue from 'bootstrap-vue';
import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap-vue/dist/bootstrap-vue.css';

import Vue from 'vue';
import app from './App.vue';

import router from './router';

Vue.config.productionTip = false;
Vue.use(BootstrapVue);

new Vue({
  render: (h) => h(app),
  router,
}).$mount('#app');

路由器.js

import Vue from 'vue';
import Router from 'vue-router';
import Companies from './views/Companies.vue';

Vue.use(Router);

export default new Router({
  routes: [
    {
      path: '/Companies',
      name: 'Companies',
      component: Companies,
    },
  ],
});

公司.vue

<template>
  <div id="a">
    abcde
  </div>
</template>

<script>

export default {
  name: 'Companies',
};
</script>

abcde
导出默认值{
名称：'公司'，
};

---

编辑：好，这是app.vue中丢失的路由器视图！谢谢

app.vue看起来像什么？你忘了

app.vue

中的

了吗？这很奇怪，它应该会像你在文件中遗漏的那样工作，因为这让vue路由器知道在哪里加载指定路径的组件非常感谢！我没有看到路由器视图标签。新年快乐：D