iview UI庫(kù)加載進(jìn)度條如何使用？

貼出代碼：
負(fù)責(zé)路由的index.js

import Vue from 'vue'
import Router from 'vue-router'
import iView from 'iview'
import HelloWorld from '@/components/HelloWorld'

Vue.use(Router)
Vue.use(iView)

// 路由加載條
Router.beforeEach((transition) => {
  iView.LoadingBar.start()
  transition.next()
})

Router.afterEach((transition) => {
  iView.LoadingBar.finish()
})

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

報(bào)錯(cuò)截圖：

第一次使用，有大佬給出一點(diǎn)意見嗎？