Vue常见错误总结

错误1、代码不规范

Compiled with problems:

编译问题

E:\myel\src\views\HomeView.vue

错误出现文件

8:3  error  Mixed spaces and tabs  no-mixed-spaces-and-tabs

第8行的第3个字符

Mixed spaces and tabs

错误原因：混合的空格与tab

no-mixed-spaces-and-tabs

错误规则： no-mixed-spaces-and-tabs 不准混空格与tab

1 problems (1 errors, 0 warnings)

1个问题（1个错误，0个警告）

解决方法，删除多余的空格换行等重新编译即可

错误2、标签丢失结束标签

ERROR in ./src/views/HomeView.vue

错误发生在DashView.vue

VueCompilerError: Element is missing end tag.

标签没有结束标签

2 <div> 首页概览
   |      ^

第二行的div

解决方法：补上login div的结束标签</div>即可

错误3、定义未使用

 错误发生在AdminView.vue

'IconMenu' is defined but never used

'IconMenu' 定义了却没有使用 

解决方法：去除定义或使用定义的'IconMenu'

错误4、分号打成逗号

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行两个^之间有错误

解决方法、把写错的，换回；

错误5、路径错误

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（文件名/路径发生错误）

解决方法、仔细查看对比路径