关于rrweb的实践踩坑

最近在开发rrweb相关的功能, 由于使用的是npm的形式安装rrweb, 就存在了版本不同的问题, 以下为问题描述以及解决方案

由于正在开发的是老版本的项目, 所以使用的typescript的版本为4.0.3

问题1. 当直接使用rrweb时 会报异常错误, 缺少这一项依赖. 所以我们现在需要安装一下

    yarn add @tsconfig/svelte

安装好后, 我们需要在本地的tsconfig中进行extends

    "extends": "@tsconfig/svelte/tsconfig.json",

这时出现了另外的一个报错.

问题2. 由于本地的ts版本过老. 导致出现了这样的报错

查询了一下相关的资料, verbatimModuleSyntax功能只有在ts5.x的时候才可以使用, 同时报错是由svelte自身抛出的, 所以我们尝试将版本进行回退. 老版本的svelte的ts版本自然也是最老的.

解决 尝试安装过3.x的版本 一样不行, 直接给出解决方案 安装2.0.1的版本

    yarn add @tsconfig/svelte@2.0.1

问题已经解决了

总结. 此次问题的来源是由于版本的差异导致的一些模块不能被完整的处理, 所以我们下次遇到同样的问题, 可以尝试对有问题的库从github中找到老版本进行回退.