vue.js - 错误：vue 超出最大调用堆栈大小

Question

我正在构建一个应用程序，我试图为登录页面做路由器，但它给了我这个错误：

vue.runtime.esm.js?2b0e:4484 Uncaught RangeError: 超出最大调用堆栈大小，我做错了什么吗

谢谢你的帮助希望你能给我一个关于如何修复它的提示

这是登录组件

    <template>
      <div class="hello">
    Login
      </div>
    </template>

    <script>
    export default {
      name: '',
      props: {
        msg: String
      }
    }
    </script>

    <!-- Add "scoped" attribute to limit CSS to this component only -->
    <style scoped>

    </style>

Home Components

    <template>
      <div class="hello">
        <header class="globalNav noDropdownTransition">


      <div class="container-lg">
        <ul class="navRoot">


          <li class="navSection logo">
            <a class="rootLink item-home colorize" href="/"><h1>Charity Finder</h1></a>
          </li>

          <li class="navSection primary">
            <a class="rootLink item-products hasDropdown colorize" data-dropdown="products">
              Products
            </a>
            <a class="rootLink item-developers hasDropdown colorize" data-dropdown="developers">
              Developers
            </a>
            <a class="rootLink item-company hasDropdown colorize" data-dropdown="company">
              Company
            </a>
          </li>

          <li class="navSection secondary">
            <a class="rootLink item-support colorize" href="">
              Support
            </a>
              <router-link class="rootLink item-dashboard colorize" to="/login">  Sign in</router-link>



          </li>

        </ul>
      </div>


    </header>
      </div>
    </template>

    <script>
    export default {
      name: 'HelloWorld',
      props: {
        msg: String
      }
    }
    </script>

    <!-- Add "scoped" attribute to limit CSS to this component only -->
    <style scoped>

    </style>

这是路由器路由器

import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
import Login from '../views/Login.vue'
Vue.use(VueRouter)

  const routes = [
  {
    path: '/',
    name: 'home',
    component: Home
  },
  {
    path: '/login',
    name: 'login',
    component: Login
  }
]

const router = new VueRouter({
  routes
})

export default router

标签： vue.js