记录日常代码debug的问题（2019/10/16已更新）

初入前端，还请多多指教

刚学习框架的时候难免会要一些稀奇古怪的东西，慢慢记录，慢慢积累，相信见到的多了，也就熟能生巧了。

2019-10-8 的Vue问题

问题触发机制	问题详情	解决方法	出现原因
npm配置node_module文件时	报错提示 chromedrive 包 安装失败 Failed at the chromedriver@2.37.0 install script ‘node install.js’	npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver使用 cnpm 安装亦可	因为chromedrive 使用npm安装时302跳转安装 npm不支持302跳转安装方式
项目文件准备debug时 npm start时	报错提示 Module build failed: Error: ENOENT: no such file or directory, scandir ‘E:\git\dlfzx-vue\node_modules\node-sass\vendor’	在\node_modules\node-sass\目录下创建vendor空文件夹目录 然后使用npm/cnpm rebuild node-sass --save-dev重新打包对应包文件	node_module 打包时 缺少文件目录

2019-10-16 vue前端导出excel问题

收到完成前端导出任务的模块任务是，心想这还不简单，事实却是很打脸
问题一
使用excel2export时，第一个问题为警告错误（这个问题算不个问题，但我还是描述一下吧）

• 问题一

• 使用excel2export时，第一个问题为警告错误（这个问题算不个问题，但我还是描述一下吧）
  • ** 会在页面上看到一段警告文字 **
  • client?23e0:147 ./src/vendor/Export2Excel.js
    There are multiple modules with names that only differ in casing.……………………

• ** 解决很简单 只需要在你引入的地方修改一下就行了 **
• 例如我页面上使用的时候 import("@/vendor/export2Excel").then(…………或者是import("@/vendor/Export2excel").then(……………………
• 修改 “@/vendor/export2Excel” 为 “@/vendor/Export2Excel” 就可以了 总之注意大小写

• 问题二

• 使用excel2export时，第二个问题你会在前端页面看到报错信息为 map什么什么的
  • ** 这是因为你的数据源是空的 **
  • 检查一下后台接口返回的数据你有没有正常接收，或者list对应的地方的数据字段写错了，
  • 如果还不行的话，你就在页面上自己写个格式和他一样的数据，然后使用这个数据看一下是否还会报错

• 问题二.二

• • 当你解决完上个问题之后，你会看到下一个问题 哈哈哈哈啊哈哈哈
    • 忘了触发机制了 解决方法就是还是检查你的数据，还有你导出时所使用的的字段 数据里面有没有

• 问题三
• 这个真的不是问题了，是个人需要就改了一下
• 获取到数据源之后进行数据的清洗，我这里是需要将状态码转为中文，根据个人需要按情况修改

•   formatJson(filterVal, jsonData) {
      return jsonData.map(v =>
        filterVal.map(j => {
          // 判断 当遍历到taskStatus时的值 然后由状态码转为中文
          if( j=='taskStatus' && v[j] == 1){
            v[j]='正在进行中'
          }else if(j=='taskStatus' && v[j] == 2){
            v[j]='已完成'
          }
          return v[j];
        })
      );
    }
  

• 问题四
• 树型拓扑结构返回的数据嵌套的很深的数据，在导出时应该如何处理的问题，像下面这样的数据

• 
    "equipmentName": "高钱生态7#配电室",
    "children": [{
  
        "equipmentName": "高钱生态#7环网单元1号变",
  
        "children": [{
  
                "equipmentName": "高钱生态7T1F线",
  
                "children": [{
  
                    "equipmentName": "高钱生态7T1F线1#杆",
  
                    "children": [{
  
                        "equipmentName": "56723456",
  
                        "children": [{
  
                            "equipmentName": "33457654",
  
                        }, {
  
                            "equipmentName": "33457654",
  
                            "children": [{
  
                                "equipmentName": "12345678",
  
                            }, {
  
                                "equipmentName": "121212表计",
  
                            }]
                        }]
                    }]
                }]
            },
            {
  
                "equipmentName": "高钱生态7T2F线",
  
                "children": [{
  
                    "equipmentName": "高钱生态7T2F线1#杆",
  
                }]
            }, {
  
                "equipmentName": "高钱生态7T3F线",
  
                "children": [{
  
                    "equipmentName": "高钱生态7T3F线1#杆",
  
                }]
            }
        ]
    }, {
  
        "equipmentName": "高钱生态#7环网单元2号变",
  
    }]
  
  

我这个数据导出的时候，研究了半天 最后找到了一个无敌的方法，那就是
·
·
·
·
·
·
扔给后端 哈哈哈哈哈哈哈
··
然后会后端处理excel模板
像这样

好了，今日份就是这样了