vue.js报错,vue常见错误

　　最近做了一个比较老的vue项目，启动起来各种错误。下面这篇文章主要介绍Vue的常见错误及解决方法。通过图文非常详细的介绍，有需要的朋友可以参考一下。

前言

　　在编写代码的过程中，你会遇到错误。遇到错误也不用担心。你可以通过仔细分析来解决错误，同时积累经验，早日成为大牛。本文将整理编码过程中遇到的一些常见错误，一起学习。

一、报错结构

　　错误信息一般包括这几部分：错误类型、错误位置、错误描述、错误规则和问题数量。

　　如上图所示：

　　错误类型为编译错误；

　　错误在d:\ myel \ src \ views \ admin \ admin view . vue中第四行的第二个字符；(报错位置不一定每次都准确，但可以根据提示缩小范围)

　　描述当前错误混合空格和制表符是指空格和制表符混合(根据翻译可以判断错误)；

　　错误规则no-mixed-spaces-and-tabs表示空格和制表符不能混合；

　　目前，在数量统计中有几个报告的错误需要解决。警告需要根据实际情况立即解决它们。

二、常见问题总结及解决方法

Mixed spaces and tabs

　　空格混合使用了

　　解决方法：1。格式化当前页面中的代码。2.在eslintrc.js文件的规则中添加“no-mixed-spaces-and-tabs”:“off”。

　　意外的关键字“const”

　　没有预料到的关键字const

　　仔细看这几行代码，可以发现53行末尾的分号写成了逗号。

　　解决办法：将53行逗号改为分号

　　找不到模块：错误：无法解析“.”在……

　　找不到该模块：它无法解析./views/views/admin/dash veiw . vue

　　在D:\myel\src\router

　　在这种情况下，路由中配置的文件路径写入不正确。

　　解决办法：将路径更改为正确的路径(提示：使用自动提示的路径或复制文件名以避免手动键入)

Element is missing end tag

　　元素缺少结束标记。

　　当前文件的div class=login 缺少后半部分/div。

　　解决方案：分析html的结构，添加丢失的结束标签。

TypeError: Cannot read properties of undefined (reading ...)

　　无法读取未定义的属性。

　　原因是挂载的时候有dom节点，但是还没有获取数据，那个时候数据可能是空的。

　　解决方法：将v-if加到当前标签(如果同时使用v-for，则为上一级标签)判断数据是否存在。

　　当使用[]或指定数据时，可能会出现此错误。记得用v-if。

TypeError: ...forEach is not a function

　　.没有forEach方法。

　　当前数据不是数组。

　　解决方法：分析数据的结构，找到真正需要遍历的对象。

... is not defined / no-undef

　　.没有定义。

　　解决办法：找到错误位置，根据提示导入相应的关键字。

总结

　　关于Vue常见错误及解决方法的这篇文章就到这里了。关于Vue常见错误和解决方案的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望你以后能支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。