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

相关推荐

  • windows edge浏览器js错误表示如何解决

    edge浏览器js错误表示解决方法: 1、进入edge浏览器,点击右上角三个点依次打开“更多工具—>使用Internet explorer打开”。 2、点击右上方的齿轮设置,点击“Internet 选项”。 3、在Internet选项中选择“安全”点击下方的“自定义级别”。 4、下滑找到“脚本…

    2022年9月8日
    72600
  • Redis集群与扩展知识点分析

    Redis的高可用 1.为什么要高可用 防止单点故障,造成整个集群不可用 实现高可用通常的做法是将数据库复制多个副本以部署在不同的服务器上,其中一台挂了也可以继续提供服务 Redis实现高可用有三种部署模式:主从模式,哨兵模式,集群模式 2.主从模式 主节点负责读写操作 从节点只负责读操作 从节点的…

    2022年9月15日
    62000
  • LDAP NULL bind导致登录绕过漏洞分析和修复方案是什么

    LDAP NULL bind匿名绑定导致登录绕过漏洞分析和修复方案 一、背景 1.1LDAP和认证过程 LDAP轻型目录访问协议是一个开放的,中立的,工业标准的应用协议,通过IP协议提供访问控制和维护分布式信息的目录信息。有优异的读性能,但写性能差。 LDAP作为开放的Internet标准,支持跨平…

    2022年9月13日
    88900
  • 怎么修改pip install默认安装路径

    1. 修改pip install默认安装路径 一般使用Anaconda时会使用 pip install ### 来安装各类包,但默认安装路径在C盘,极大占用空间,作为强迫症,我们通过以下步骤来修改默认安装路径。 1.1 查看pip 默认安装位置 名列前茅步:通过win菜单,找到Prompt,点击进入…

    2022年8月30日
    3.4K00
  • word如何替换文字

    word替换文字的方法: 1、首先打开你的word文档,然后准备开始将里面的词汇进行替换。 2、然后点击“编辑”菜单,选择“查找”选项。 3、此时会出现“查找和替换”对话框,选择“查找”选项卡, 在“查找内容”的输入框中输入你要替换的词,这里举例“华为”。 4、然后勾选“突出显示所有在该范围找到的项…

    2022年9月20日
    1.1K00
  • tracert命令有什么作用

    tracert命令的作用: 答:tracert命令是一种路由跟踪实用程序, 主要用于确定ip数据包访问目标所采取的路径。 tracert的使用需要在其后面加一个“ip地址”或者“url”, tracert会根据相对应的域名来进行转换的。 当数据从你计算机中通过多个网关传送到目的地时, 可以用来跟踪数…

    2022年8月31日
    86600
  • 计算机系统中操作系统指的是什么

    在计算机系统中,操作系统是核心系统软件;其他的系统要运行在操作系统基础之上,操作系统是一组主管并控制计算机操作、运用和运行硬件、软件资源和提供公共服务来组织用户交互关联的系统软件程序。 本教程操作环境:windows10系统、DELL G3电脑。 在计算机系统中,操作系统是什么 在计算机系统中,操作…

    2022年9月18日
    56600
  • css如何使用​禁用鼠标事件

    禁用鼠标事件 CSS3 新增的 pointer-events 让你能够禁用元素的鼠标事件,例如,一个连接如果设置了下面的样式就无法点击了。 .disabled { pointer-events: none; } 关于“css如何使用禁用鼠标事件”这篇文章就分享到这里了,希望以上内容可以对大家有一定的…

    2022年9月1日
    47300
  • mysql如何查询临时表

    本教程操作环境:windows7系统、mysql8版本、Dell G3电脑。 mysql临时表 在MySQL中,临时表是一种特殊类型的表,允许您存储临时结果集,您可以在单个会话中多次重复使用。 当查询需要带有JOIN子句的单个SELECT语句的数据是不可能或非常耗时,临时表非常方便。在这种情况下,您…

    2022年9月26日
    1.3K00
  • 电脑ntuser.dat文件可以删除吗

    ntuser.dat是什么文件可以删除吗: 答:可以删,但没必要的情况下较好不删,理由如下: 1、ntuser.dat是Windows 2000/XP的注册表文件之一,包含着用户特定的数据,是用户配置文件之一。 2、注册表包括多个文件,其中用户配置文件包括ntuser.dat、ntuser.ini、…

    2022年9月21日
    1.2K00
站长微信
站长微信
电话联系

400-800-1024

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

分享本页
返回顶部