使用vue-cli4中的多个组件出现这样的错误,代码都是照着别人成功案例上写的

使用富文本编辑器vue-quill-editor出现这种错误

Uncaught (in promise) TypeError: Cannot read property '_c' of undefined
    at Proxy.i (webpack-internal:///./node_modules/vue-quill-editor/dist/vue-quill-editor.js:1)
    at renderComponentRoot (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:1295)
    at componentEffect (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5317)
    at reactiveEffect (webpack-internal:///./node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js:71)
    at effect (webpack-internal:///./node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js:46)
    at setupRenderEffect (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5270)
    at mountComponent (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5229)
    at processComponent (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5187)
    at patch (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:4802)
    at mountChildren (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:4977)

使用vue-table-with-tree-grid表格树也出现这种错误
Uncaught (in promise) TypeError: Cannot read property '_c' of undefined
这个‘_c‘到底是个什么错误?

如果我的回答对你有帮助,请点击旁边的采纳按钮,谢谢

我曾经也是在vue路由跳转时出现 TypeError: Cannot read property ‘_c’ of undefined

img

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

对应页面

<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。

你的应该也是这个问题

Page not found · GitHub Pages https://vueup.github.io/vue-quill/api/events.html%E4%BD%BF%E7%94%A8%E8%BF%99%E4%B8%AA%E5%AF%8C%E6%96%87%E6%9C%AC%E4%B8%8D%E4%BC%9A%E5%87%BA%E7%8E%B0%E8%BF%99%E4%B8%AA%E6%8A%A5%E9%94%99
使用vue-quill-editor就会出现,但是上一个富文本双向绑定数据并不能映射到属性中,只会在页面显示,属性没变

首先排除路由配置的问题。

路由配置 ....routes:[{
component: ...... 不是components
}]
 

然后在你报错的页面使用Ctrl+f组合键,检索_c这个变量,如果有这个变量的话,可以在Data中定义一下。然后重新运行即可。