Error in mounted hook: "TypeError: Cannot read properties of undefined (reading '$on')

当你遇到 "Error in mounted hook: 'TypeError: Cannot read properties of undefined (reading '$on')" 这样的错误，通常是在Vue.js应用中发生了。这个错误表明在组件挂载 (mounted) 钩子函数中尝试访问了一个尚未初始化的对象的 `$on` 属性，可能是 Vue 的事件监听器。

这可能是由于以下原因导致的：

1. **未正确实例化组件**：确保你正在试图操作的元素已经被Vue正确地创建并挂载到了DOM上。

2. **提前引用了Vue实例**：如果你在组件的构造函数或者某个生命周期钩子中过早地引用了`this.$on`，在实际挂载前可能会报错，因为此时`this`还未绑定到Vue实例。

3. **拼写错误**：检查 `$on` 是否真的存在于对象中，有时候可能会误打字或者导入的库不是Vue官方的。

4. **Vue插件或第三方库的冲突**：某些插件可能改变了Vue内部的API，导致 `$on` 无法访问。

解决这个问题需要定位具体的代码位置，查看是何时、在哪里尝试访问了 `undefined` 对象的 `$on`。修复方法包括确保在引用之前等待Vue实例正确生成，检查组件生命周期内的时间点，以及排除引入的第三方库的影响。

相关问题

Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'undefined')"

错误信息 "Error in mounted hook: TypeError: Cannot read properties of undefined (reading 'undefined')" 出现于Vue.js应用中，通常是在组件挂载（mounted）阶段遇到了一个常见的JavaScript运行时错误。这个错误表示你在尝试访问或操作一个未定义的对象的属性，而这个属性值是 `undefined`。

这可能是由于以下几个原因：

1. 初始化数据缺失：你在模板或计算属性中引用了一个还未赋值的数据，导致在挂载时该变量还是 `undefined`。
2. prop传递错误：如果组件通过props接收父组件的数据，可能没有正确的传递或者数据格式不匹配。
3. 方法调用异常：在一个方法中，你可能假设某个依赖项存在，但实际并未被正确初始化。
4. 自定义指令或插件的问题：如果用了自定义指令或第三方库，可能会引起这类错误。

修复这个问题的方法通常是检查代码中的相应位置，确认相关的变量、对象和方法已经被正确地初始化和处理。具体排查步骤可能包括打印日志查看变量状态，检查数据流，以及检查组件生命周期钩子执行是否正常。

Error in mounted hook: "TypeError: Cannot read properties of undefined (read

Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'split')" 错误是由于在 mounted 钩子函数中访问了一个未定义的属性导致的。 在你提供的引用中，这个错误可能是因为在初始化时调用了未定义的值，导致数据还没有赋值就完成了初始化。 这可能是由于某个组件的数据还没有完全渲染到页面上，就尝试访问了这个数据，导致了该错误。为了解决这个问题，你可以在访问这个属性之前，确保数据已经被正确地渲染到页面上。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘split‘)](https://blog.csdn.net/m0_61480985/article/details/131664382)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]