vue使用routerlink总是报错提示未注册

import Vue from 'vue'

import Router from 'vue-router'

import HeaderTop from '@/components/header'

import Hello from '@/page/home/Hello'

import Firststep from '@/page/firststep/firststep'

import Secondstep from '@/page/secondstep/secondstep'

import Threestep from '@/page/threestep/threestep'

import Fourstep from '@/page/fourstep/fourstep'



Vue.use(Router)



export default new Router({

  routes: [

    {

      path: '/header',

      name: 'HeaderTop',

      component: HeaderTop

    },

    {

      path: '/',

      name: 'Hello',

      component: Hello,

      children: [

        {

          path: '/firststep',

          name: 'Firststep',

          component: Firststep

        },

        {

          path: '/secondstep',

          name: 'Secondstep',

          component: Secondstep

        },

        {

          path: '/threestep',

          name: 'Threestep',

          component: Threestep

        },

        {

          path: '/fourstep',

          name: 'Fourstep',

          component: Fourstep

        }

      ]

    }

  ]

})

import Vue from 'vue'

import App from './App'

import router from './router'



Vue.config.productiOnTip= false



/* eslint-disable no-new */

new Vue({

  el: '#app',

  router,

  template: '',

  components: { App }

})