Vuejs2 测试中缺少Vue路由器视图

我正在使用Karma测试我的vue代码。当运行dev/building生产版本时，它工作正常，但是当运行测试命令时，它不工作

我正在使用的版本：

“vue”：“^2.4.2”

“@vue/test-utils”：“^1.0.0-beta.29”

“vue路由器”：“^2.7.0”

我尝试使用Vue而不是Vue test utils mount来创建组件，但它会产生更多错误。我在写我的测试基于

测试规范js

import { mount, createLocalVue } from '@vue/test-utils'
import Component from '@/components/Component'
import App from '@/App.vue'
import VueRouter from 'vue-router'
const localVue = createLocalVue()
localVue.use(VueRouter)

let router = new VueRouter({
  routes: [
    {
      path: '/details/:id',
      name: 'Details',
      component: Component,
      props: true
    }
  ]
})


const vm = mount(App, {
    router: router,
    sync: false
  })
router.push('/details/2')

App.vue

<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
import './assets/app.css'
export default {
  name: 'app'
}
</script>

并发出以下vue警告：

[Vue warn]: Unknown custom element: <router-view> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <App> at src/App.vue
       <Root>

[Vue warn]：未知自定义元素：-您是否正确注册了组件？对于递归组件，请确保提供“name”选项。
发现于
--->在src/App.vue

我还使用webpack服务器运行了测试，使用我的浏览器查看并注意到

router.push

调用确实有效，因为它向URL添加了/details/2

[Vue warn]: Unknown custom element: <router-view> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <App> at src/App.vue
       <Root>