我正在使用新的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)如果无法像这样直接设置断点,是否可以代替使用生成的代码,而是对构建步骤进行一些更改以使生成的代码更适合调试?
[如果还有其他选择,我也有兴趣了解这些。谢谢!
在启用--inspect
的情况下运行cli:
node --inspect node_modules/sapper/dist/cli.js dev
然后通过在浏览器中访问chrome://inspect
打开调试器。
您可以在“源”选项卡中手动设置断点,或在代码中使用debugger
关键字。