项目中报错集锦

1. vue-cli-service: not found

项目启动时报错： vue-cli-service: not found

解决办法：
删除项目中的 node_modules 文件夹，然后重新下载 npm install.

2. Found bindings for the following environments: - Windows 64-bit with Node.js 10.x

项目重新装了一下依赖，然后启动就GG了

报错截图：

image.png

解决办法：
项目根目录下执行 npm rebuild node-sass

3. JavaScript heap out of memory

前端项目启动时报错

报错截图：

image.png

解决办法：

$ npm install -g increase-memory-limit
$ increase-memory-limit

或者修改package.json 里面的 --max_old_space_size，改大一些

image.png

其实二者原理一样，都是设置了 --max_old_space_size

image.png

4. 响应状态status为canceled

问题描述：
移动端在图片上传时，一直显示上传中的状态，通过监测，发现大图片上传时，接口的响应状态会变为 canceled

报错截图:

报错截图

解决办法:
通过捕获错误信息，得到 接口调用超时的信息 timeout of xxxms exceeded，catch 到的 error 信息如下：

代码截图

err信息

当catch到err后，将图片状态置位 failed，并可以适当增加 timeout 的时长，或者限制上传图片的大小。

代码截图

也可以超时后重新请求，请自行查阅相关文档。