Vue常见错误。快看看你平常错到哪了～

最新推荐文章于 2022-11-30 10:50:42 发布

原创最新推荐文章于 2022-11-30 10:50:42 发布 · 558 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #vue.js

Vue3 专栏收录该内容

8 篇文章

订阅专栏

这篇博客主要讨论了Vue.js项目中遇到的多种编译错误，包括混合使用空格和tab导致的`no-mixed-spaces-and-tabs`错误，未预期的const关键字，模块解析失败，Vue组件缺少结束标签，以及未定义的属性读取错误。同时，还提到了在`AboutView.vue`和`App.vue`文件中分别遇到的`reactive`未定义和未知mutation类型的错误。博客提供了错误定位和可能的解决策略。

在这里插入图片描述
Compiled with problems:
编译问题
C:\myel\src\views\HomeView.vue
错误出现文件
3:1 error Mixed spaces and tabs no-mixed-spaces-and-tabs
4:1 error Mixed spaces and tabs no-mixed-spaces-and-tabs
第3行的第一个字符
第4函的第一个字符
Mixed spaces and tabs
错误原因：混合的空格与tab
no-mixed-spaces-and-tabs
错误规则： no-mixed-spaces-and-tabs 不准混空格与tab

2

在这里插入图片描述
Compiled with problems:
编译错误

ERROR in ./src/views/HomeView.vue?
错误出现的位置

Unexpected keyword ‘const’. (6:0)
第6行第0个字符有个不应该出现的关键字 const

63 | const user = reactive({ userid: “”, pwd: “”, code: “” }), | ^ 64 | const rules = reactive({ | ^ 65 | userid: [
第63到64行两个^之间有错误

3

在这里插入图片描述
ERROR in ./src/router/index.ts 10:19-57
错误发生在 ./src/router/index.ts 第10行第19个字符到57字符

Module not found: Error: Can’t resolve ‘…/views/admin/AdminVeiw.vue’ in ‘C:\myel\src\router’
，模块找不的不能resolve（兑现，发现，解决）…/views/admin/AdminVeiw.vue
在C:\myel\src\router
总结：文件…/views/admin/AdminVeiw.vue（文件名/路径发生错误）

4

在这里插入图片描述
ERROR in ./src/views/HomeView.vue
错误发生在HomeView.vue

VueCompilerError: Element is missing end tag.
标签没有结束标签

2 |

5

在这里插入图片描述
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘id’)
没有捕捉到（承诺）类型错误：不能够与读取undefined的属性（读取id）

6

在这里插入图片描述
C:\youmi\src\views\AboutView.vue
出错的文件地址

16:17 error ‘reactive’ is not defined no-undef
第16行17字符错误 reactive 没有定义
在这里插入图片描述

App.vue 第30错误
[vuex] unknown mutation type: changeA
vuex 找不到一个叫changeA的mutations