Vue项目TypeError: Cannot read properties of undefined (reading ‘Vue’) 报错如何排查？

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)