Javascript 在VueJS中运行测试时出错:路由导航期间出现vue路由器未捕获错误
当我的模板中有路由器组件时,我在单元测试中不断收到此警告: 我曾经为此开过罚单,我也试过同样的方法,但没有成功。只是想知道是否有人知道更多关于这个错误的信息 FinalCountdown.htmlJavascript 在VueJS中运行测试时出错:路由导航期间出现vue路由器未捕获错误,javascript,vuejs2,vue-router,Javascript,Vuejs2,Vue Router,当我的模板中有路由器组件时,我在单元测试中不断收到此警告: 我曾经为此开过罚单,我也试过同样的方法,但没有成功。只是想知道是否有人知道更多关于这个错误的信息 FinalCountdown.html <div id="c-final-countdown"> <h1>Hello App!</h1> <p> <!-- use router-link component for navigation. --> <!
<div id="c-final-countdown">
<h1>Hello App!</h1>
<p>
<!-- use router-link component for navigation. -->
<!-- specify the link by passing the `to` prop. -->
<!-- <router-link> will be rendered as an `<a>` tag by default -->
<router-link to="/foo">Go to Foo</router-link>
<router-link to="/bar">Go to Bar</router-link>
</p>
</div>
然后我们可以看到组件安装,但我得到了警告错误。希望一切都有意义:D
警告日志:'[vue路由器]路由导航期间未捕获错误:'
import Vue from 'vue'
import router from '../../router'
import FinalCountdown from 'src/components/workflow/FinalCountdown'
describe('workflow/FinalCoundDown component.'), () => {
const getComponent = (date) => {
let vm = new Vue({
template: '<div><final-countdown ref="component"></final-countdown></div>',
components: {
FinalCountdown
}
})
return vm
}
it('Should render correctly with a date in the future.', () => {
const tomorrow = new Date(new Date().getTime() + 24 * 60 * 60 * 1000)
const vm = getComponent().$mount()
const component = vm.$refs.component
expect(vm.$el).toBeTruthy()
console.log(vm.$el) // <div><!----></div>
})
}
const getComponent = (date) => {
Vue.use(vueRouter)
const routes = { ... };
const router = new VueRouter({ routes })
let vm = new Vue({
router,
template: '<div><final-countdown ref="component"></final-countdown></div>',
components: {
FinalCountdown
}
})
return vm
}