Vue项目运行报错：“TypeError: Cannot read properties of undefined (reading ‘$on‘)“

最新推荐文章于 2024-04-11 15:23:50 发布

原创最新推荐文章于 2024-04-11 15:23:50 发布 · 2.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #ecmascript

报错原因：无法读取未定义的属性$on

解决方法：在main.js加入代码

// event Bus 用于无关系组件间的通信。
Vue.prototype.$bus = new Vue()

我是零基础自学的菜鸟，想把这里作为笔记记录下来我在编程路上遇到的bug,不断的去探索和解决问题，希望可以帮到大家

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

菜鸟程序员饭饭

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue - Syntax Error: TypeError: Cannot read properties of undefined (reading ‘styles‘) 项目运行时报错，详细解决方案

🏆 前端领域优质创作者

11-07

1万+

vue2，SyntaxError:TypeError:Cannotreadpropertiesofundefined(reading'styles')，webpack，npmrunserve，报错怎么办，运行报错，runserve时出现报错如何解决，vue2项目运行报错SyntaxError:TypeError:Cannotreadpropertiesofundefined(reading'styles')，vue2怎么解决npmrunserve时的Cannot

uniapp报错：TypeError: Cannot read properties of undefined (reading ‘replace‘) 无法读取未定义的属性（读取 ‘replace‘）

最新发布

高级前端工程师

10-04

4231

TypeError: Cannot read properties of undefined (reading ‘replace‘)，uniapp报错提示，尝试访问未定义对象的replace属性导致，uniapp浏览器控制台报错，uniapp微信小程序报错，uniapp H5网页提示错误，Uniapp APP端报错如何解决，uniapp安卓苹果ios错误，uniapp尝试运行uni.navigateTo的时候没能实现跳转，并卡住显示类似，uniapp页面跳转报错，详细排查和解决方案，怎么解决这个报错，代码没

参与评论您还未登录，请先登录后发表或查看评论

【vue3项目】打包报错 TypeError: Cannot read properties of undefined (reading ‘wrapper‘)

炑焽的博客

04-11

5587

错误信息"Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'wrapper')" 表明在 JavaScript 代码中尝试访问一个未定义对象的 wrapper属性。在 Vue 3 中，如果你遇到这个错误，很可能是因为你在访问响应式引用之前，该引用还没有被正确初始化或者该引用根本就不存在。

【vue3项目】解决 “TypeError: Cannot read properties of undefined (reading ‘xxx‘)“

前端学习博客

08-12

4万+

定义一个 getUserList 函数，并且在 onMounted 函数中挂载它，在加载页面时，先通过我自定义的已全局挂载的。结果发现：ctx.$api 为 undefined，并且 ctx 身上并没有我们绑定的 $api。首先这个报错的意思大概是：无法找到 undefined 的属性。所以就验证了bug 的原因是：vue3的全局绑定没有生效。逻辑上没有问题，同时也没有出现上述的三种情况。所以，我猜测是 $api 全局绑定没有生效。但是上述方法都无法解决我的bug，那在我的代码中的意思就是：找不到。...

Vue报错：TypeError: Cannot read properties of undefined (reading ‘fullAddress‘)

m0_54630400的博客

03-02

6452

目录 1、报错信息： 2、错误代码： 3、错误原因： 4、改正方法： 1、报错信息：无法读取未定义的属性 2、错误代码： Vue组件中的html: <span>{{ userDefaultAddress.fullAddress }}</span> Vue组件中的计算属性： computed: { ...mapState({ addressInfo: (state) => state.trade.address }),

报错： Cannot read properties of undefined (reading ‘$on‘)

Father_Of_Soft的博客

02-03

3791

Error in mounted hook: "TypeError: Cannot read properties of undefined (reading '$on')"报错，Vue相关报错

[Vue warn]: Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘$on‘)“

qq_45803094的博客

08-23

6418

vue报错 Error in mounted hook “TypeError Cannot read properties of undefined (reading ‘$on‘)“

vue项目--解决报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)

代码青春

06-29

4857

vue项目--解决报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)

【异常】报错：TypeError: Cannot read properties of undefined (reading ‘init‘)

奶爸的编程之路，也就一周冷个三天，欢迎关注我的微信公众号：本本本添哥

11-28

3020

在vue当中引用echarts，控制台报错： “TypeError: Cannot read properties of undefined (reading ‘init‘)

vue报错 Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘$on‘)“

weixin_43877778的博客

10-29

1万+

vue错误打印 vue.esm.js?a026:628 [Vue warn]: Error in mounted hook: "TypeError: Cannot read properties of undefined (reading '$on')" 解决方式: 在main.js加入代码 // event Bus 用于无关系组件间的通信。 Vue.prototype.$bus = new Vue() ...

Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘0‘)“

多分享一点点，共同进步一点点

11-15

2万+

导致控制台报错，而且还会影响js的继续执行。同时执行两句console.log，执行第一句时报错了第二句就不再执行了。✅ 2、取了不该取的属性，比如数组取属性值，对象取length值，肯定是不行的。程序中出现错误：“TypeError:无法读取未定义的属性（读取’0’）”✅ 1、对象本身为空 undefined，那么取什么值都是不行的，先确认报错位置调用对象的类型，不确定的打印下。然后做空值判断即可。

TypeError:Cannot read properties of undefined (reading‘...‘)

qq_57057576的博客

08-13

10万+

若a为undefined，则会报错，若，a为空，则，a.name为undefined。原因可能是，挂载时，有dom节点，但是数据还未返回。例： a.name a的name属性。不能够读取undefined的属性。

vue报错 Error in mounted hook “TypeError Cannot read properties of undefined (reading ‘$on‘)“

caigoutu的博客

07-06

1万+

vue报错 Error in mounted hook “TypeError Cannot read properties of undefined (reading ‘$on‘)“

[Vue warn]: Error in created hook: “TypeError: Cannot read properties of undefined (reading ‘$on‘)“

Youweretrouble的博客

02-23

5020

解决了eventbus的报错问题。

前端错误 “TypeError Cannot read properties of undefined (reading ‘xxx‘)

ShirleyZ1007的博客

03-03

8226

我们在使用{{tableData.detail}}是不会报错的，但如果是{{tableData.detail.name}}这样就会报错了，这是为什么呢？因为，tableData.detail已经是一个undefined了，你undefined.name就肯定会报错了。异步请求获取数据时，由于数据时异步获取的，所以一开始是没有该数据属性，这种情况下也会报这种错误。出现该错误的原因是因为你花括号中的某些属性未定义。使用$nextTick,刷新表格的时候，表格未自定义属性，或自定义属性引用错了。

记一次服务端打包：cannot read properties of undefined (reading ‘nodes‘)

mosowe

01-25

6428

排了两个小时的队，眼看就要轮到我做核酸了，然后微信群里测试大佬来了一句话：你不在没法搞下去了。打开微信一瞅，一个截图，红彤彤的文字告诉我，这尼玛报错了。 cannot read properties of undefined (reading 'nodes') 我们开发总共有三个环境：测试环境预发布环境生产环境因为在测试和预发布均不存在这个问题，到了生产环境才出现的，我的第一直觉是：后端数据不正确的原因，可能是生产还没来得及提供相关字段或者数据格式不对导致，但是看到这个bug又有点不确定，因

深入理解并解决Uncaught TypeError: Cannot read properties of undefined技术文章

热门推荐

理论都是虚的，代码才是王道。

11-10

11万+

Uncaught TypeError: Cannot read properties of undefined 是一个 JavaScript 运行时错误，它表示你试图访问一个未定义（undefined）对象的属性。这通常是因为你尝试访问一个不存在的变量或者对象的属性。在访问对象的属性之前，你应该先检查该对象是否已经定义。你可以使用typeof操作符来检查一个变量是否已定义。// 访问 myVariable 的属性。

解决报错“TypeError: Cannot read properties of undefined (reading ‘xxx‘)“

qq_63524016的博客

01-14

1万+

异步请求获取数据时，由于数据时异步获取的，所以一开始是没有该数据属性，这种情况下也会报这种错误。出现该错误的原因是因为你花括号中的某些属性未定义。很有可能是因为你写错了属性名称。我报错的原因是在计算属性里面，数组多打了一个字母。

vue项目启动报错：TypeError: Cannot read properties of undefined (reading 'styles')

07-03

在 Vue.js 项目中遇到 "TypeError: Cannot read properties of undefined (reading 'styles')" 这样的错误，通常是因为代码试图访问某个未定义或尚未初始化的对象的 `styles` 属性。这可能发生在以下几个场景： 1. **组件引用问题**：你在模板中尝试获取某个样式（如 `this.$el.style` 或 `this.styles`），但这个变量没有被正确赋值或是在父组件传入数据时出错。 2. **CSS模块导入**：如果你在一个 Vue 组件中通过 `import styles from './styles.vue'` 引入 CSS，可能是文件路径错误或者文件内容里不存在`styles`属性。 3. **Vue CLI 配置问题**：在使用 Vue CLI 构建时，如果配置了特殊的样式处理（如 scss、less 等），检查一下引入和编译是否正确。解决这个问题的方法通常是： - 检查错误发生上下文，看看是否有变量未定义或者路径不正确。 - 使用 `console.log()` 或者 `debugger` 查看在运行时该变量的状态。 - 确保引用的 CSS 文件或变量已正确加载，并且在预期的地方可用。 - 更新依赖项，确保使用的 Vue 版本和其他库是最新的。相关问题： 1. 如何排查 Vue 中 `styles` 错误的具体原因？ 2. 在 Vue CLI 中如何正确导入并使用 CSS 文件？ 3. 如何在 Vue 中避免因未定义变量导致的此类错误？