为什么全局组件无法实现啊？

全局组件无法显示，不知道什么原因，是文件引用格式错了还是什么吗？

全局注册组件不是用vueElement，将后面的代码改成：

const app = createApp(App);
app.component('noeTime',NowTime);
app.mount('#app');

VueElement没定义
const VueElement= createApp(App)

// main.js
import { createApp } from 'vue'
import App from './App.vue'

// createApp 函数创建一个应用实例
const app = createApp(App)
// 定义全局组件
app.component('alert-box', {
  template: `
  <div class="demo-alert-box">
  <strong>Error!</strong>
  <slot></slot>
  </div>
  `
})

app.component('blog-post', {
  props: ['postTitle'],
  template: `
  <h3>{{ postTitle }}</h3>
  `
})
// mount 函数返回根组件实例
const vm = app.mount('#app')

console.warn('app', app, vm);

main.js
```javascript

import Vue from "vue"
// 引入
import globalCom from '@/components/globalCom'
// 注册为全局组件
Vue.component('globalCom', globalCom)