当前位置 : 主页 > 网络编程 > JavaScript >

Vue常见报错整理大全(从此报错不害怕)

来源:互联网 收集:自由互联 发布时间:2023-02-08
目录 示例1(文件名/路径发生错误) 示例2(标签不完整) 示例3(error xxx is not defind) 示例4(unknown mutation type: changeA) 示例5(Attribute name cannot contain U+0022 (), U+0027 (), and U+003C ().) 示
目录
  • 示例1(文件名/路径发生错误)
  • 示例2(标签不完整)
  • 示例3(error 'xxx' is not defind)
  • 示例4(unknown mutation type: changeA)
  • 示例5(Attribute name cannot contain U+0022 ("), U+0027 ('), and U+003C (<).) 
  • 示例6(TypeError:Assignment to constant variable.)
  • 示例7(error 'check' is assigned a value but never used )
  • 示例8(no-mixed-spaces-tabs) 
  • 总结

整理一下Vue中一些常见的报错和bug,以及解决办法

示例1(文件名/路径发生错误)

Compiled with problems:———编译问题:

 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

示例2(标签不完整)

 ERROR in ./src/views/HomeView.vue

 错误发生在HomeView.vue

VueCompilerError: Element is missing end tag. 

标签没有结束标签

当看到这个报错,不要慌,你只是缺少了结束标签,把它补充上就好了

示例3(error 'xxx' is not defind)

bf5c55cba8ef3cdfba74897483458bb0.png

C:\youmi\src\views\AboutView.vue

出错的文件路径 

16:17 error 'reactive' is not defined no-undef

第16行17字符错误 reactive 没有定义

示例4(unknown mutation type: changeA)

a92498cc45017d734016b4a8d72b72c8.png

[vuex] unknown mutation type: changeA

vuex 找不到一个叫changeA的mutations

示例5(Attribute name cannot contain U+0022 ("), U+0027 ('), and U+003C (<).) 

ERROR in ./src/views/AboutView.vue

 在AboutView发生错误

VueCompilerError: Attribute name cannot contain U+0022 ("), U+0027 ('), and U+003C (<).

编译错误:属性name 不能不包含 (“),(‘)(<) 

示例6(TypeError:Assignment to constant variable.)

93de2b784608a226c53fa0f1b37a6ea4.png

const 不能重复赋值

示例7(error 'check' is assigned a value but never used )

4f2b20562097218b57c3d0af22826e8a.png

error 'check' is assigned a value but never used no-unused-vars

'check' 被定义但没有被调用 

示例8(no-mixed-spaces-tabs) 

408689cd589e5fd2acda0f40276b7017.png

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

总结

到此这篇关于Vue常见报错整理的文章就介绍到这了,更多相关Vue常见报错内容请搜索易盾网络以前的文章或继续浏览下面的相关文章希望大家以后多多支持易盾网络!

上一篇:Vue源码makeMap函数深入分析
下一篇:没有了
网友评论