vue路由跳转时出现 TypeError: Cannot read property ‘_c‘ of undefined

vue路由跳转时出现 TypeError: Cannot read property ‘_c’ of undefined

启动项目并点击跳转路由，出现上边的错误，在网上找了蛮久，发现各种解答都有。经过多种尝试，发现代码写错了。网上各种改配置，都不适用，所以决定贴出来。

对应页面

<template>
    <div>
     <el-form ref="form" :model="form" label-width="80px">
        <el-form-item label="活动名称">
            <el-input v-model="form.name"></el-input>
        </el-form-item>
        <el-form-item label="活动区域">
            <el-select v-model="form.region" placeholder="请选择活动区域">
            <el-option label="区域一" value="shanghai"></el-option>
            <el-option label="区域二" value="beijing"></el-option>
            </el-select>
        </el-form-item>
        <el-form-item label="活动形式">
            <el-input type="textarea" v-model="form.desc"></el-input>
        </el-form-item>
        <el-form-item>
            <el-button type="primary" @click="onSubmit">立即创建</el-button>
            <el-button>取消</el-button>
        </el-form-item>
    </el-form>      
    </div>    
</template>
<style scoped>
</style>

<script>
export default {
  name: 'test-element',
  data () {
    return {
      formTest: true
    }
  }
}
</script>

路由

<router-link :to="{path: '/test'}">ElementUi表单测试</router-link>

  {
      path: '/test',
      name: 'TestElement',
      components: TestElement
    },

乍一看都没有问题，仔细排查时才发现这里router对应文件中 components错误，这里应该是单个路由，所以应该是 component 而不是 components。

果觉着不错，可以关注我的公众号
lovejsandcss