使用富文本编辑器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
启动项目并点击跳转路由,出现上边的错误,在网上找了蛮久,发现各种解答都有。经过多种尝试,发下代码写错了。网上各种改配置,都不适用,所以决定贴出来。
对应页面
<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中定义一下。然后重新运行即可。