Vscode和webstorm在运行Jest测试时异步断点不准确的问题

一直以来被动一个问题困扰，在开发react-native应用时，无论是在Vscode或webstorm在运行Jest测试时均无法在async和yield函数中成功打断点，断点总是在函数头部就停下来，无法停在await或yield上面，如此单步调试的体验极差。

虽然知道是sourceMap的问题，但是所有该配置参数均配置了，但是还是毫无效果。
并且搜索了好久均没有找到解决问题的办法。

经过折腾，终于发现问题所在，特此记录下.

• 首先确认是sourceMap的问题，由于经过babel转码，所有需要配置生成sourcemap。

// babel.config.js
    sourceMaps:"both",
    retainLines: true

配置此文件的目的是生成sourcemap，就两个参数折腾了好几种组合，就TMD无效，实在郁闷。
但是如果配置肯定是没有问题，但是就不无法打断开，说明sourcemap有问题，但是问题出在哪里?

• 接下检查jest配置
  发现在package.json里面有这样一个配置项

  // package.json
  {
  jest:{
    "presets":"react-native",
    "setupFiles": [
      "./node_modules/react-native-gesture-handler/jestSetup.js"
    ]
  }
  }

  上面的意思是jest在转码时启用了react-native预设，该预设应该是配置了一些babel的相关参数来进行转码。

然后，还发现在babel.config.js中，启用的是另外一个预设

module.exports = {
    presets: ["module:metro-react-native-babel-preset"],
}

难道是"module:metro-react-native-babel-preset"和"react-native"冲突？
好象从道理上也是说得通的，不同的预设的差异导致生成的sourcemap不正常，从而无法进行有效的断点定位。

因此，尝试将package.json里面的"presets":"react-native"删除了。

果然，断点调试恢复正常了，这说明对问题的分析应该是正确的。

这个问题只在时行jest单元测试时出错，所以网上也没有找到解决方案，最终一个困扰好久的问题总算得到解决。