Vue报错：无法正确使用$emit方法进行自定义事件派发，怎么解决？

<template>  <div>    <button @click="sendEvent">派发自定义事件</button>  </div></template><script>export default {  methods: {    sendEvent() {      this.$emit('customEvent')    },  },}</script>

<template>  <div>    <child-component @customEvent="handleEvent" />  </div></template><script>import ChildComponent from './ChildComponent.vue'export default {  components: {    ChildComponent,  },  methods: {    handleEvent() {      console.log('自定义事件被触发')    },  },}</script>

// 父组件<template>  <div>    <child-component :emitEvent="emitEvent" />  </div></template><script>import ChildComponent from './ChildComponent.vue'export default {  components: {    ChildComponent,  },  methods: {    emitEvent() {      this.$emit('customEvent')    },  },  provide() {    return {      emitEvent: this.emitEvent,    }  },}</script>

// 子组件<template>  <div>    <button @click="sendEvent">派发自定义事件</button>  </div></template><script>export default {  inject: ['emitEvent'],  methods: {    sendEvent() {      if (typeof this.emitEvent === 'function') {        this.emitEvent()      } else {        console.error('无法正确使用$emit方法进行自定义事件派发')      }    },  },}</script>