汇总Vue常见报错以及解决方案实例丨本际云推荐

汇总Vue常见报错以及解决方案实例

报错结构

学习代码时，遇到报错应该要进行汇总。首先，我们需要了解报错的结构，包括错误类型、错误位置、错误描述、错误规则和问题数量。比如，错误类型为编译错误，错误位置在某个具体的文件的某一行某个字符处，而错误描述则为当前错误Mixedspacesandtabs，指的是空格和tab空格混合使用了。错误规则no-mixed-spaces-and-tabs指出空格和tab空格不能混合使用。我们还要统计当前有多少个报错error需要解决，warning根据实际情况看需不需要立即解决。

汇总Vue常见报错以及解决方案实例

常见问题总结及解决方法

下面是一些Vue常见问题以及解决方法：

Mixedspacesandtabs

空格和tab空格混合使用了。

解决方法：

在当前页面格式化代码。
在.eslintrc.js文件的rules中添加”no-mixed-spaces-and-tabs”:”off”。

Unexpectedkeyword’const’

没有预料到的关键字const。详细看上述几行代码，可以观察到53行结尾的应为分号写成了逗号。

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

Modulenotfound:Error:Can’tresolve’….’in’….’

模块找不到：不能resolve（兑现，发现，解决）../views/admin/DashVeiw.vue。一般对于这种情况就是路由器路径错误。

解决方法：将路径改为正确路径（小技巧：使用自动提示的路径或者复制文件名，避免手误打错）。

Elementismissingendtag

元素缺少一个结束标签。比如当前文件的<divclass=”login”>缺少后半个</div>。

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

TypeError:Cannotreadpropertiesofundefined(reading’…’)

不能读取undefined的属性。原因是挂载时有dom节点但是数据还没获取，当时那个数据可能为空。

解决方法：在当前标签（同时用了v-for的话就上一级标签）加上v-if判断该数据是否存在。用[]或.指定数据时都可能会出现这个错误，要记得使用v-if。

TypeError:…forEachisnotafunction

由此可见当前数组不是数据。

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

‘…’isnotdefined/no-undef

没有定义。

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

总结

以上就是关于Vue常见报错的汇总，如果您遇到其他报错也请留言一起讨论。

原创文章，作者：小编小本本，如若转载，请注明出处：https://www.benjiyun.com/yunzhujiyunwei/vps-yunwei/5761.html

汇总Vue常见报错以及解决方案实例

报错结构

常见问题总结及解决方法

Mixedspacesandtabs

Unexpectedkeyword’const’

Modulenotfound:Error:Can’tresolve’….’in’….’

Elementismissingendtag

TypeError:Cannotreadpropertiesofundefined(reading’…’)

TypeError:…forEachisnotafunction

‘…’isnotdefined/no-undef

总结

相关推荐