Lerna,React-Redux Web应用程序使用可视代码编辑器调试器调试Chrome插件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Lerna,React-Redux Web应用程序使用可视代码编辑器调试器调试Chrome插件相关的知识,希望对你有一定的参考价值。

我目前正在研究Lerna React-Redux项目,其中有多个软件包,如一个MainApp,以及其他软件包,如标题,产品,购物车,共享组件等。我使用可视代码编辑器和Chrome调试工具,用于调试我设置时断点并尝试逐行调试它的开放bundle.js文件,用于分发包,如产品到卡包或任何其他包。 webpack配置文件中是否有任何源映射选项。

答案

在仿真器上按Ctr + M,然后选择Debug remote。这将直接打开Chrome浏览器上的开发人员窗口。

你会发现以下链接有用的How do you debug React Native?

另一答案

最后,通过将Web工具包配置文件中的Devtool source-map的值更改为eval-source-map来解决问题,更多详细信息我发现web pack官方文档https://webpack.js.org/configuration/devtool/#development

以上是关于Lerna,React-Redux Web应用程序使用可视代码编辑器调试器调试Chrome插件的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 grpc-web 构建 react-redux 应用程序?

在单存储库中使用 Lerna 对多个 Node 应用程序进行 Dockerizing

SEO友好的React-Redux应用程序

一次中断所有 lerna --parallel 任务

参考 lerna 的方式拆分类单页应用

sh [Lerna添加依赖] #tags:lerna,npm