关于vue使用：浏览器报错：Unknown custom element:

最新推荐文章于 2024-08-15 09:19:17 发布
最新推荐文章于 2024-08-15 09:19:17 发布
阅读量7.9k 收藏
点赞数 4
分类专栏： Vue 文章标签： vue vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43303530/article/details/102957016
版权

关于vue使用：浏览器报错：Unknown custom element:

vsCode运行成功：
在这里插入图片描述
但实际运行时导入的ElementUI无效，导致浏览器报错：
在这里插入图片描述
原因：由于编写main.js时将Vue.use(ElementUI)写至最底端而导致报错：
错误示例：
在这里插入图片描述
只需将Vue.use(ElementUI)放至import后即可：
在这里插入图片描述

暮念朝兮
关注
专栏目录
vue如何解决循环引用组件报错的问题
01-19
按照普通组件调用格式来做的时候总是报错，错误信息为[Vue warn]: Unknown custom element: <selfile> – did you register the component correctly? For recursive components, make sure to provide the “name”...
【蠢哭系列】unknown custom element
木同的小心情
05-26 1万+
尝试了一下前后端分离的开发模式，然后自己试着用Vue写了两个页面，调试看效果的时候一直报错unknown custom element，凡是用到element-ui的元素都不能被识别。 报错详情千篇一律都长下面这样： 问题原因在于我对Vue这东西不理解，以为在new vue的时候把ElementUI传进去就可以了（不是很懂new Vue（）这里传进去的参数是干啥的），也就是这样子： 正确的做法是要单独申明使用element-ui，也就是要加上Vue.use(ElementUI)，如下所示： 只简单记录
报错Unknown custom element: ＜组件名＞ - did you register the component correctly?的原因及解决办法
热门推荐
chelflan's blog
04-21 11万+
报错Unknown custom element: ＜组件名＞ - did you register the component correctly?的原因及解决办法
Vue Custom Element 使用教程
最新发布
gitblog_00171的博客
08-15 290
Vue Custom Element 使用教程 vue-custom-element项目地址:https://gitcode.com/gh_mirrors/vu/vue-custom-element 项目介绍 vue-custom-element 是一个开源项目，旨在帮助开发者将 Vue 组件封装为自定义 HTML 元素。通过使用这个库，开发者可以轻松地将 Vue 组件嵌入到任何 HTML 页面...
vue 报错unknown custom element解决方法
weixin_30481087的博客
01-08 4282
原因： 　　没有引入相关组件导致的 解决办法： 如果组件是按需引入的必须引入你当前用到的组件，否则会报错 转载于:https://www.cnblogs.com/wangtao-/p/10238559.html...
报错Unknown custom element: ＜xxx＞ - did you register the component correctly?的原因及解决办法
weixin_43975684的博客
12-28 5万+
无一分可增不叫完美，无一分可减才是。 －－Antoine de Saint-Exupery
解决：Unknown custom element: ＜＞ - did you register the component correctly? For recursive compon
ruiti的博客
07-11 10万+
出现Unknown custom element: ＜＞ - did you register the component correctly? For recursive compon 检查以下几处 第一种： 看components:{},单词是否拼错，和不要写成components(){} 第二种：本页面components 看写了几个， 是否是因为覆盖了。只能有一个components:{} 第三种，检查引入的组件 确定是否需要{} , import XXX from "...." 还是 imp.
vue 解决循环引用组件报错的问题
10-18
在Vue开发过程中，循环引用组件可能会导致运行时错误，这是因为Vue在解析模板时，如果组件未被正确注册，就会抛出“Unknown custom element”错误。本文将深入探讨Vue中的循环引用问题及其解决方案。 首先，我们要...
learningVue：Vue.js原始码解析
02-06
学习Vue介绍Vue.js源码分析，记录了个人学习Vue.js源码的过程中的一些心得以及收获。以及对于Vue框架，周边库的一些个人见解。在学习的过程中我为Vue.js（2.3.0），Vuex（2.4.0），Vue-router（3.0.1）加上了注释，...
vue中使用codemirror的实例详解
12-01
以下是自己使用过的，做出来的例子： 做出来的效果图： 记住使用之前要npm下载哦　 npm install vue-codemirror --save main.js import { codemirror } from 'vue-codemirror' 　import 'codemirror/lib/code...
Unknown custom element: ＜xxx＞ - did you register the component correctly?异常的解决方案
2301_79779756的博客
05-10 4608
在Vue.js中，当我们在模板中尝试使用一个自定义组件时，Vue需要知道这个组件的定义。如果Vue找不到对应的组件定义，就会抛出一个错误：“Unknown custom element: ＜xxx＞ - did you register the component correctly?这个错误提示我们组件没有正确注册或者没有被Vue识别。
【Vue】报错：Unknown custom element: ＜＞ - did you register the component correctly?...
qq_45677671的博客
08-02 2万+
报错信息及解决方法：[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.
【报错】Unknown custom element: ＜组件名＞ - did you register the component correctly?
qq_44883447的博客
07-10 1万+
组件名字是否写对了 import xxx from “./xxx.vue” 写成了import { xxx} from “./xxx.vue” 代码中有两个components，后一个的值把前一个覆盖了 组件直接循环套用了
正确解决Unknown custom element: ＜xxx＞ - did you register the component correctly?异常的有效解决方法
wbajsjhhhhh的博客
05-03 5003
正确解决Unknown custom element: - did you register the component correctly?异常的有效解决方法
报错Unknown custom element ＜xxx＞ - did you register the component correctly的原因及解决办法
m0_67402341的博客
03-10 1万+
报错信息 components代码 导致出错的可能的原因 把components写成了component import xxx from “./xxx.vue” 写成了import { xxx} from “./xxx.vue” 代码中有两个components，后一个的值把前一个覆盖了 解决方案 逐一对照上述3种可能导致出错原因，然后做对应修改即可解决问题 我是第3个原因，被坑到差点怀疑人生，看到这篇文章的小伙伴你是什么原因？ 欢迎补充 ...
加入toolbar报错
剑痕（PK）
05-03 858
有toolbar报错，跟踪发现执行到setSupportActionBar(toolbar); 程序直接崩溃原因：XxActivity继承于AppCompatActivity 必须在Mainfest里设置XxActivity的主题为noActionBar <!-- Activity配置开始 --> <activity android:name=".MainActivity"
uni-app开发过程中的问题
华山派developer的博客
04-08 757
style样式不生效 加/deep/ .button-item{ display: none; } 生效了： /deep/.button-item{ display: none; }
解决vue-cli 项目引入element ui 运行时浏览器报错Unknown custom element
qq_45745643的博客
05-23 3014
解决vue-cli 项目引入element ui 运行时浏览器报错Unknown custom element 上条动态的问题解决了，在main.js文件里加入下面的代码即可 import Vue from 'vue'; import App from './App'; import router from './router'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue
vue自定义组件运行报错：[Vue warn]: Unknown custom element: <el-table-colum> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
06-12
这个错误提示说明你在使用一个自定义的 Vue 组件 `<el-table-colum>`，但是 Vue 并没有找到这个组件的定义。这通常是因为你没有正确注册该组件。 在 Vue 中，我们需要先通过 `Vue.component()` 方法来注册组件，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值