vue 项目遭遇 typeerror：务必排查代码中的动态调用

来源：站长平台作者：陈平安时间：04-17

导读：本期聚焦于小伙伴创作的《vue 项目遭遇 typeerror：务必排查代码中的动态调用》，敬请观看详情，探索知识的价值。以下视频、文章将为您系统阐述其核心内容与价值。如果您觉得《vue 项目遭遇 typeerror：务必排查代码中的动态调用》有用，将其分享出去将是对创作者最好的鼓励。

无法找到原因的报错可能会令人抓狂，特别是当编译结果是正常的。如果您遇到过这样的报错：

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'Vue')
    at initBackend (backend.js:2119:28)

并且排查了很久都无果，那么就有可能是以下原因造成的：

动态调用导致 undefined 引用：检查代码中是否有动态调用，例如 switch(type) case 1: 'on'; case 2: 'off'，然后尝试调用 vue 上对应的函数。如果某些条件下运算结果是 undefined，就会出现上述问题。因此，尽量避免过多的动态调用，以便在出现问题时能够轻松调试。

排查思路：

检查 backend.js 文件中 2119 行 28 列处的代码
在代码中搜索 vue[，以查找是否存在其他动态调用
逐一拆分 backend.js 文件，缩小问题范围

补充问题：vue devtools 卡顿及替代方案

原因：vue devtools 卡顿和数据更新不及时可能是由于性能问题或浏览器兼容性问题造成的。

替代方案：可以尝试使用以下替代方案：

[vue.js devtools extension](https://github.com/vuejs/devtools)

[vue-devtools](https://github.com/vuejs/vue-devtools)

[vuex-devtools](https://github.com/vuejs/vuex/tree/dev/packages/vuex-devtools)

Vue.js 动态调用 TypeError undefined DevTools

免责声明：已尽一切努力确保本网站所含信息的准确性。网站部分内容来源于网络或由用户自行发表，内容观点不代表本站立场。本站是个人网站免费分享，内容仅供个人学习、研究或参考使用，如内容中引用了第三方作品，其版权归原作者所有。若内容触犯了您的权益，请联系我们进行处理。