代码之家  ›  专栏  ›  技术社区  ›  Chris

使用Webpack和Tailor调试React微服务应用程序

  •  0
  • Chris  · 技术社区  · 6 年前

    我有一个用react创建的微服务应用程序,它是用tailor定制的。我的后端系统目前使用node.js进行模拟。

    现在,我尝试调试,但没有在bundle.js中结束,而是在实际的javascript文件中结束。

    我遵循了这些说明(使用phpsorm代替): https://blog.jetbrains.com/webstorm/2017/01/debugging-react-apps/

    我在webpack.config.js中使用devtool:'source map',并配置了一个javascript调试作业,在那里我添加了远程URL。

    当我在微服务中设置一个断点时,一切似乎都正常了,这是由裁缝首先提供的。

    但另一个服务中的断点永远不会被命中。源映射在每个microservice webpack.config.js中配置。 即使在webpack中:/。文件夹中,只显示第一个加载的微服务的代码。

    我想,我可以独立地运行每个微服务,并以这种方式进行调试。但是,由于服务1可能会触发服务2中的事件,因此调试Wohle应用程序更合适。

    有人知道如何调试这样的应用程序吗?

    1 回复  |  直到 6 年前
        1
  •  0
  •   Chris    6 年前

    我找到了答案:

    我首先通过“设置”->“目录”排除了每个微服务的每个构建文件夹,如下所述: https://blog.jetbrains.com/webstorm/2015/09/debugging-webpack-applications-in-webstorm/ 另外,我也在设置中将每个SRC文件夹标记为源文件夹。

    然后在javascript调试作业中,我通过分配远程URL“webpack:///src”(这对于webstorm 2017+实际上不是必需的,并且只有一个src文件夹)来映射每个src文件夹。最后我分配了远程URL“ http://myapp.com “到根文件夹。

    现在看起来是这样的:

    Remote URLs of local files

    这就是全部。当我运行调试作业并且在不同的服务中有多个断点时,我可以直接在IDE和相应的JS文件(而不是bundle.js)中进行调试。