Vue常见报错问题怎么解决

一、报错结构

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

Vue常见报错问题怎么解决

如上图:

报错类型为编译错误;

错误位置在D:myelsrcviewsadminAdminView.vue中的第四行第2个字符;(报错位置不一定每次都是准确的,但是可以根据提示缩小范围)

错误描述 当前错误Mixed spaces and tabs指space空格和tab空格混合了(可根据翻译来判断错误);

错误规则 no-mixed-spaces-and-tabs指space空格和tab空格不能混合使用;

错误数量 统计当前有几个报错 error需要解决,warning根据实际情况看需不需要立即解决。

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

Mixed spaces and tabs

空格混合使用了

Vue常见报错问题怎么解决

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

Unexpected keyword ‘const’

没有预料到的关键字const

Vue常见报错问题怎么解决

仔细看这几行代码就可以发现, 53行结尾的应为分号写成了逗号

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

Module not found: Error: Can’t resolve ‘….’ in ‘….’

模块找不到:不能resolve(兑现,发现,解决)../views/admin/DashVeiw.vue

在D:myelsrcrouter

Vue常见报错问题怎么解决

这种情况一般是路由中配置的文件路径写错了

解决办法:将路径改为正确路径(小技巧:使用自动提示的路径或者复制文件名,避免手误打错)

Element is missing end tag

元素缺少一个结束标签

Vue常见报错问题怎么解决

是当前文件的<div class=”login”>缺少后半个</div>

解决方法:分析好html的结构,将缺少的结束标签添加上

TypeError: Cannot read properties of undefined (reading ‘…’)

不能读取undefined的属性

Vue常见报错问题怎么解决

原因是挂载时有dom节点但是数据还没获取,当时那个数据可能为空

解决方法:在当前标签(同时用了v-for的话就上一级标签)加上v-if判断该数据是否存在

用[]或.指定数据时都可能会出现这个错误,要记得使用v-if

TypeError: …forEach is not a function

…没有forEach方法

Vue常见报错问题怎么解决

当前数据不是个数组

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

‘…’ is not defined / no-undef

…没有定义

Vue常见报错问题怎么解决

解决办法:找到报错位置,按照提示导入相应关键字

以上就是“Vue常见报错问题怎么解决”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注亿速云行业资讯频道。

文章标题:Vue常见报错问题怎么解决,发布者:亿速云,转载请注明出处:https://worktile.com/kb/p/27273

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
亿速云的头像亿速云认证作者
上一篇 2022年9月20日 上午12:13
下一篇 2022年9月20日 上午12:15

相关推荐

  • App自动化测试工具选择方法有哪些

    现在app的开发已经是火爆的一个开发趋势,手机应用的测试也显得格外的重要,现在大部分还是停留在手动测试的状态。我们知道手机app开发,要适应不同的设备,比如一个Android app要适应不同的版本,不仅是要支持最新的版本,旧的版本也需要支持,这也就导致了手动测试需要购买N部android手机来手动…

    2022年9月2日
    53500
  • windows edge浏览器js扩展位置在哪

    edge浏览器js扩展的位置: 1、打开浏览器,点击右上角的三个点。 2、在下拉任务栏中点击“扩展”。 3、选择自己需要的扩展点击“获取”即可。 关于“windows edge浏览器js扩展位置在哪”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“windows edge浏览器js扩展位置在…

    2022年9月8日
    43700
  • mysql存储引擎之间的区别有哪些

    mysql存储引擎之间的区别:1、MyISAM不支持事务,不支持行级锁,而InnoDB则支持事务和行级锁;2、InnoDB支持MVCC,支持外键,而MyISAM不支持MVCC和外键。 千万级数据并发如何处理?进入学习 本教程操作环境:windows10系统、mysql8.0.22版本、Dell G3…

    2022年8月30日
    42500
  • glidecache文件夹有什么作用

    glidecache是一个图片缓存文件夹;该文件夹是可以删除的,但是同时会删除设备中的缓存图片,并且一旦删除无法恢复,缓存是cpu的一部分,存在于cpu中,并且cpu存取数据的速度非常快,而内存的速度就会慢很多,缓存是为了解决CPU速度和内存速度的速度差异问题。 本教程操作环境:windows10系…

    2022年9月8日
    66600
  • 电脑0x00000bcb共享打印机无法连接如何解决

    解决方法: 方法一: 1、首先我们进入搜索界面,搜索并打开“控制面板” 2、点击硬件和声音下方的“查看设备和打印机” 3、然后点击最上方一栏中的“添加打印机”再点击“下一步” 4、接着系统会自动为你寻找打印机,并安装必要文件,安装完成后就可以使用打印机了。 方法二: 1、要是还用不了打印机可能是因为…

    2022年9月15日
    84000
  • jmeter正则表达式提取器怎么使用

    使用方法 1,把正则表达式添加到需要提取返回内容的http请求里,添加步骤是,,右键http请求–添加–后置处理器–正则表达式处理器 2,在正则表达式提取器配置设置页里, 1)要检查的响应字段:相当于是要提取哪个位置的内容数据 2)引用名称:我们把内容提取出来后要…

    2022年9月21日
    66200
  • col在html中指的是什么

    col在html中是“列”的意思;col是html中的标签,是“column”的缩写,该标签是给表格中一个或者多个列应用样式,而不需要重复为每个单元格或每一行设置样式,标签规定了元素内部每一列的属性,只能在table或colgroup元素中使用该标签。 本教程操作环境:windows10系统、HTM…

    2022年9月2日
    49700
  • Redis有序集合zset知识点有哪些

    redis有序集合zset与普通集合set非常相似,是一个没有重复元素的字符串集合。 不同之处是有序集合的每个成员都关联了一个评分(score),这个评分(score)被用来按照从最低分 到较高分的方式排序集合中的成员。 集合的成员是少数的,但是评分是可以重复的。 因为元素是有序的,所以你可以很快的…

    2022年9月21日
    50900
  • windows浩辰看图王cad文件无法打印怎么解决

    解决方法: 方法一: 1、软件名列前茅次打开会更新一个修复打印功能的补丁。 2、因此如果我们出现无法打印问题,只要重启一下软件即可解决。 3、重启后如果还不能打印,那么可能是软件本身问题,需要重新下载安装。 方法二: 1、如果重启或重装软件也无法解决,那么可能是没有连接打印机。 2、我们可以确认一下…

    2022年9月20日
    35100
  • 如何使用mediacreationtool重装系统

    根据目前的测试,使用这个方法可以解决的问题包括但不限于: 1.系统组件损坏,部分系统文件缺失; 2.升级到11月更新后Windows 10出现的开始菜单、任务栏图标无法使用的情况; 3.在Windows 10 10565之后的版本使用PowerShell重置命令导致自带应用和应用商店无法使用的情况(…

    2022年9月1日
    43400
站长微信
站长微信
电话联系

400-800-1024

工作日9:30-21:00在线

分享本页
返回顶部