异常处理

npm插件报错

saas-loader

报错：Syntax Error: TypeError: this.getOptions is not a function

原因：这是因为当前sass的版本太高，webpack编译时出现了错误，这个时候只需要换成低版本的就行，下面说一下修改方法，很简单，如下，找到package.json文件，里面的 "sass-loader"的版本更换掉 就行了。

方法：

1.npm uninstall less-loader

2.npm install less-loader@7.3.0

npm问题

问题： 解决npm安装node-sass太慢及编译错误问题

方法：切换国内镜像

$ npm install -g mirror-config-china --registry=http://registry.npm.taobao.org

Elementui

el-checkbox

      <el-form-item label="任务边车" v-if="taskSidecar.length>0">
        <el-checkbox-group v-model="form.taskSidecarSelected">
          <el-checkbox v-for="(v, k) of taskSidecar" :key="k" :label="v">{{ v.label }}</el-checkbox>
        </el-checkbox-group>
      </el-form-item>

问题： 使用el-checkbox时一直无法展示选项并且伴随报错

报错： Cannot read property ‘length‘ of undefined

TypeError: Cannot read property ‘length’ of undefined
at VueComponent.isLimitDisabled (element-ui.common.js?ccbf:6452)
at Watcher.get (vue.esm.js?efeb:4482)
at Watcher.evaluate (vue.esm.js?efeb:4587)
at VueComponent.computedGetter [as isLimitDisabled] (vue.esm.js?efeb:4839)
at VueComponent.isDisabled (element-ui.common.js?ccbf:6455)
at Watcher.get (vue.esm.js?efeb:4482)
at Watcher.evaluate (vue.esm.js?efeb:4587)
at VueComponent.computedGetter [as isDisabled] (vue.esm.js?efeb:4839)
at Object.get (vue.esm.js?efeb:2104)
at Proxy.checkboxvue_type_template_id_d0387074_render (element-ui.common.js?ccbf:6161)

原因：用于checkbox的选项中间被重新赋值成了一个非数组类型如null，查出问题即可解决

坑点：从报错看一直认为是taskSidecar的问题

参考： 问题排查 (opens new window)

未分类

前端重复请求

现象：前端访问后端的ip端口如果不经过nginx直接写程序端口，则在writetimeout后，后端gin会断开与前端的链接，但是此时gin的业务逻辑还在执行，执行完后如无异常会日志会记录200状态码，但是因为链接断开无法将数据返回给前端，此时前端不会显示504而是显示network conn err，会重新发送一次请求。

如果过了nginx，那同样的情况前端会收到504并切不会重新发送请求