报错：make sure to exclude it from component resolution via compilerOptions.isCustomElement.

最新推荐文章于 2024-09-18 17:37:29 发布

做一只快乐的咸鱼

最新推荐文章于 2024-09-18 17:37:29 发布

阅读量3.3k

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/melissaomy/article/details/128746675

版权

文章讨论了在Vue应用中由于误创建了两个createApp对象，从而引发的问题。主要表现为标签名或组件注册错误。解决方案是确保只创建并使用一个createApp实例来挂载和使用路由、ElementPlus库以及图标组件。

摘要由CSDN通过智能技术生成

截图：

可能原因：标签名写错或者是组件未注册上

实际原因：创建了两个createApp对象

import { createApp } from 'vue'
// import './style.css'
import App from './App.vue'
import router from './router/index'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
// 如果您正在使用CDN引入，请删除下面一行。
import * as Icons from '@element-plus/icons'
import { toLine } from './utils/index'
const app =createApp(App) 
for (const key in Icons) {
 console.log('toLine',`el-icon-${toLine((key))}`,'->',(Icons as any)[key]);
  app.component(`el-icon-${toLine(key)}`,(Icons as any)[key])
}
//这里又重新创建了一个app实例
createApp(App).use(router).use(ElementPlus).mount('#app')