在Sapper服务器代码中设置断点-可行吗?

问题描述 投票:0回答:1

我正在使用新的Sapper模板("sveltejs/sapper-template#webpack"),并想使用WebStorm在src/server.js中设置一个断点。设置断点很容易,但是当遇到断点时,我无法让调试器暂停执行。由于Svelte / Sapper的工作方式,我无法尝试使它生效之前,我尝试了很多不同的方法,即编译器生成了一组实际执行的新文件。因此,当我在“面向开发人员的”文件中设置一个断点时,该断点的作用为零,因为它是实际执行的生成文件。具体来说,我是在谈论面向开发人员的文件src/server.js文件和__sapper__/dev/server/server.js中的生成文件。

[我看到一个YouTube视频,其中成功演示了我的尝试:https://www.youtube.com/watch?v=x155wGkbKm8。在视频中,作者使用Sapper cli.js作为驱动程序,使用dev作为参数-这是在运行npm run dev时在幕后发生的事情。但是,正如您将在视频中看到的那样,成功使用的server.js文件是src/中的一个,而不是__sapper__/build/server/中生成的一个。这对我来说没有意义。

所以,我的问题是:

1)其他人是否能够在面向开发人员的Sapper用户代码上设置断点,例如我在上面描述的内容以及视频中显示的内容?如果是这样,您是如何做到的?

2)如果无法像这样直接设置断点,是否可以代替使用生成的代码,而是对构建步骤进行一些更改以使生成的代码更适合调试?

[如果还有其他选择,我也有兴趣了解这些。谢谢!

debugging webstorm breakpoints svelte sapper
1个回答
0
投票

在启用--inspect的情况下运行cli:

node --inspect node_modules/sapper/dist/cli.js dev

然后通过在浏览器中访问chrome://inspect打开调试器。

您可以在“源”选项卡中手动设置断点,或在代码中使用debugger关键字。

© www.soinside.com 2019 - 2024. All rights reserved.