Error in render: “TypeError: Cannot read property ‘0‘ of null“

我们web的同学运行程序时经常会遇到如下错误，而查找起来却相当费劲
在这里插入图片描述
看错误提示第一反应会想到是不是我的js 方法中的某个对象取值错误了，如：
在这里插入图片描述

但完全错了，当你把方法里的js 翻来覆去找了一遍又一遍，任然还是没有看见错误的出

处，其实这个错误并非是js 中的方法引起的，而是在编译时vue 中的compiler 在处理

template 时引起的，所以大多是标签中绑定对象出了错误如

在这里插入图片描述
检测从后台获取的数据对象，果然是这里Media 为null ，而页面却将其当成一个数组来取值而引起了异常
在这里插入图片描述

好了该问题找到错误根源，应该知道怎么解决了吧

再记录个类似的Uncaught SyntaxError: Unexpected token <

一运行就是有如下提示，起初我第一次发现这个问题也找了好久，不晓得哪里错误了

在这里插入图片描述

当根据错误提示点击进去，详情提示的是一个html 首页
在这里插入图片描述
其实这个细心的朋友很容易找到，只是很多时候看见异常情绪就不稳定了，找问题眼神也下降了

看提示的在这里插入图片描述根据这个就知道是一个test.js 的问题，想想哪里用到了这个，这里啦<script src="./test.js"></script> 引入的js 根本就不存在！

好了就记录到这里

posted @ 2020-12-27 10:07  奔跑的痕迹  阅读(1644)  评论(0)  编辑  收藏  举报