使用 Vue-Router 时 [Vue 警告]：无法挂载组件：未定义模板或渲染函数答案

【问题标题】：When using the Vue-Router [Vue warn]: Failed to mount component: template or render function not defined使用 Vue-Router 时 [Vue 警告]：无法挂载组件：未定义模板或渲染函数
【发布时间】：2018-07-10 01:14:13
【问题描述】：

我是从Vue开始的，或者使用路由器vue我发现下面的错误，我认为它与autentica有关，你怎么看？

我的路线停留在这里

import Vue from 'vue';
import Router from 'vue-router';

Vue.use(Router);

export default new Router({
  routes: [
    {
      path: '/',
      name: 'landing-page',
      component: require('@/components/LandingPage'),
    },
    {
      path: '/dashboard',
      name: 'dashboard-page',
      component: require('@/components/Dashboard').default,
    },
    {
      path: '*',
      redirect: '/',
    },
  ],
});

我的 HTML 留在这里

<template>
    <ul class="navigation">
        <li class="navigation__active"><router-view to="/"><i class="zmdi zmdi-home"></i> Home</router-view></li>
        <li class="navigation__active"><router-view to="/dashboard"><i class="zmdi zmdi-home"></i> Dashboard</router-view></li>
    </ul>
</template>
<script>
export default {};
</script>

这个错误

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

found in

---> <Anonymous>
       <MenuPage> at src\renderer\components\Menu.vue
         <DesktopSmf> at src\renderer\App.vue
           <Root>

我做错了什么？

【问题讨论】：

当您要创建链接时，它是 router-link 而不是 router-view。 router-view 是链接内容进入的块。
您的问题得到解答了吗？如果是，请选择一个答案。

标签： vue.js vue-router vue-cli

【解决方案1】：

当您要创建链接时，它是 router-link 而不是 router-view。 router-view是链接内容进入的块，必须在你的App.vue中。

所以这应该可以在您的Menu.vue 中使用：

<ul class="navigation">
    <li class="navigation__active"><router-link to="/"><i class="zmdi zmdi-home"></i> Home</router-link></li>
    <li class="navigation__active"><router-link to="/dashboard"><i class="zmdi zmdi-home"></i> Dashboard</router-link></li>
</ul>

在您的App.vue 模板中，您必须有一条类似的行

<router-view />

【讨论】：