前端常见的报错

1.javascript中的七种错误类型

SyntaxError（语法错误）
ReferenceError（引用错误）
RangeError（范围错误）
TypeError（类型错误）
URLError（URL错误）
EvalError（eval错误）
Error（基类型）
详情参考：跳转地址

2.can’t not find ‘xxModule’ - 找不到某些依赖或者模块

这种情况一般报错信息可以看到是哪个包抛出的信息.，一般卸载这个模块,安装重新安装下即可.

3.Component template shold contain exactly one root element.If you are useing v-if on multiple elements , xxxxx

大体就是说,单组件渲染 DOM 区域必须要有一个根元素,不能出现同级元素.
可以用v-if和v-else-if指令来控制其他元素达到并存的状态。
换个直白的解释,就是有一个唯一的父类,包裹者; 比如一个 div(父包含块)
内部多少个同级或者嵌套都行,但是最外层元素不能出现同级元素!

4.TypeError: xxx is not a function

当前页面写法有问题

5.Uncaught ReferenceError: xxx is not define

实例内的 data 对应的变量没有声明，你导入模块报这个错误,那绝逼是导出没写好。

6.Error in render function:”Type Error: Cannot read property ‘xxx’ of undefined”

这种问题大多都是初始化的姿势不对;比如引入echart这些…仔细去了解下生命周期,再来具体初始化;
vue 组件有时候也会(嵌套组件或者 props传递初始化)…也是基本这个问题

7.Unexpected token: operator xxxxx

语法错误啊，基本都是符号问题， 一般报错会给出哪一行或者哪个组件。

8.Failed to mount component: template or render function not defined

组件挂载失败,问题只有这么几个
1.组件没有正确引入;
2.挂载点顺序错了了; 自行动手排查

9.Unknown custom element: - did you register the component correctly?

组件没有正确引入或者正确使用,依次确认
导入对应的组件
在 components 内声明
在 dom 区域声明标签

10.Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String.

这种问题一般就是组件内的 props 类型已经设置了接受的范围类型,
而你传递的值却又不是它需要的类型,写代码严谨些 OK?

11.Error in event handler for “click”:”xxx”

这个问题大多都是你写的代码有问题.你的事件触发了,
但是组件内部缺少对应的实现或者变量,所以抛出事件错误。
解决方案:看着报错慢慢排查

12.Failed to compile with x errors : This dependency was not found !

编译错误,对应的依赖没找到! 解决如下:
知道缺少对应的模块,直接装进去，若是一个你已经安装的大模块(比如 axios)里面的子模块(依赖包)出了问题,
卸载重装整个大模块.因为你补全不一定有用!

13.SyntaxError: Unexpected identifier;

语法错误,看错误信息去找到对应的页面排查！