前端Chrome控制台报错汇总

原文链接：https://www.cnblogs.com/keepStudying/p/6172052.html
原文作者：时间魔法师
本人在该位大佬的基础上进行更新扩展

1、 Failed to execute ‘appendChild’ on ‘Node’: parameter 1 is not of type ‘Node’

在’节点’上执行函数’appendChild’失败：不是节点

原因：要插入的内容不是节点，无法插入。

解决办法：返回检查准备插入内容的节点属性。若要插入纯文本，请使用document.createTextNode()进行文本节点创建（我犯的错误，囧）。

2、Invalid or unexpected token

无效的符号

原因：多见于插入中文符号，如‘；’。

解决办法：根据报错行提示，返回编辑器查找符号错误进行修改。

3、2 arguments required, but only 1 present.系列

需要2个参数，当前只有1个参数

原因：函数方法中必需的参数没有写全。例如setAttribute(attr,val)，必需两个参数都写全。

解决方法：检查所调用函数的所需参数值，填写完整。

4、 XXX（变量名） is not defined

变量没有被创建

原因：引用的变量名写错，或者在let及const声明，对变量初始化与赋值前引用了变量。

解决办法：① 查找变量在环境中的位置，确保调用位于变量声明后；

② 确认变量名没有打错；

5、Identifier XXX（变量名） has already been declared

变量已经被声明

原因：变量名重复（使用var声明的话，不会出现此错误）。

解决方法：换个变量名。

6、 Assignment to constant variable

给一个常量配值

原因：变量为const声明的常量，无法对常量值进行修改。

解决办法：将const声明修改为let或var声明

7、Exception: DOMException: Blocked a frame with origin “null” from accessing a cross-origin frame.

阻止了一个域为null的frame页面访问另一个域为null的页面

原因：打开本地页面时，页面中存在多个frame框架，造成了跨域访问

解决办法：localhost访问本地页面

8、Uncaught DOMException: Failed to execute ‘webkitMatchesSelector’ on ‘Element’: ‘[object HTMLBodyElement]’ is not a valid selector.

在Element元素上执行webkitMatchesSelector方法失败：[object HTMLBodyElement]不是合理参数

原因：Element.matchesSelector方法只接收CSS选择符为参数，跟querySelector传入的参数一致

解决办法：改变参数

9、XXX call super constructor in derived class before accessing ‘this’ or returning from derived constructor.

使用了继承的class类在使用前没有调用super导入

原因：使用class继承时，必须在constructor函数中使用super

解决办法：在contructor中调用super()