Lerna, React-Redux Web Application debug using Visual code editor debugger for Chrome plugin答案

【问题标题】：Lerna, React-Redux Web Application debug using Visual code editor debugger for Chrome pluginLerna, React-Redux Web Application debug using Visual code editor debugger for Chrome plugin
【发布时间】：2019-04-21 11:04:36
【问题描述】：

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

【问题讨论】：

标签： reactjs react-redux google-chrome-devtools lerna

【解决方案1】：

在模拟器上按 Ctr+M 并选择远程调试。这将直接在 chrome 浏览器上打开一个开发者窗口。

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

【讨论】：

该应用程序仅用于Web-Based，未使用React Native。简单的 react 16 和 redux，Lerna 2.10.1

【解决方案2】：

最后通过在webpack配置文件中将Devtool source-map的值改为eval-source-map解决了问题，更多详细信息我找到了webpack官方文档https://webpack.js.org/configuration/devtool/#development

【讨论】：