HideToggle标签异常加载

  1. 问题表现
    HideToggle标签异常加载

  2. 正常加载
    正常加载

  3. 对博客进行编译，F12 查看网页控制台，看报错异常

控制台错误描述

异常成因猜想

  1. 根据报错异常，猜测是pjax的问题
  2. npm命令更新插件带来的组件异常（因网络原因）
  3. HideToggle标签更新带来的异常
  4. 程序的bug

解决思路与验证

pjax组件开关进行编译测试

  1. 进行设置
    1
    2
    3
    4
    5
    pjax:
      enable: true  # true改为false
      exclude:
        # - xxxx
        # - xxxx
  2. 编译结果还是异常，排除

npm命令更新插件带来的组件异常（因网络原因）

  1. 将npm缓存清除
  2. 更新淘宝镜像源
  3. 重新下载
  4. 编译结果还是异常，排除

HideToggle标签更新带来的异常

  1. 查看Github issue，无相关问题讨论
  2. 查看更新说明,无特别说明
  3. 删除HideToggle标签，网页显示正常，如果重新加入HideToggle标签则显示异常
  4. 编译结果还是异常，排除

程序的BUG，重新安装环境测试

  1. 删除本地文件
  2. 重新从Github拉取文件
  3. 重新安装依赖环境
  4. 编译结果还是异常，排除

灵光一现

  1. 将about目录下内容全删除，复制一份新的，重新修改一遍HideToggle的内容
  2. 令人惊讶的是排版、格式、输入法都是一致的情况下
  3. 编译结果显示正常

复盘

  1. 有些bug真的就是莫名其妙
  2. 排查的时候注意顺序
  3. 缓存异常？Ctrl F5更新也不管用，试试先把某个模块先删了，重置一遍。