electron-vite icon indicating copy to clipboard operation
electron-vite copied to clipboard

webstorm下main进程无法断点调试

Open joyexpr opened this issue 3 years ago • 5 comments

Describe the bug

在webstorm下main进程无法断点调试,已经参考该链接 https://github.com/vitejs/vite/discussions/6511 配置了Attach,相同的配置使用electron-vite-vue模板( https://github.com/electron-vite/electron-vite-vue)可以正常调试 image image

另外在debug模式下会打印出日志,可能与上述问题无关,仅供参考。 image

Electron-Vite Version

1.0.8

Electron Version

19.0.16

Vite Version

3.0.9

Validations

joyexpr avatar Sep 15 '22 01:09 joyexpr

增加 Arguments --sourcemap

alex8088 avatar Sep 15 '22 02:09 alex8088

webstrom我不熟悉,除了npm指令外,,还有其他方式吗? 实际原理很简单 https://evite.netlify.app/guide/debugging.html

alex8088 avatar Sep 15 '22 02:09 alex8088

增加 Arguments --sourcemap

之前也尝试过了,没有效果,也试过参考 https://evite.netlify.app/guide/debugging.html ,建了node指令,也没效果 image

网上也搜到了增加参数 --remote-debugging-port=9229 ,但加完会报错CACError: Unknown option --remoteDebuggingPort,不知道是不是封装的electron-vite导致。

vscode 和 webstorm 是目前前端开发都非常常用的两大IDE,如果可以的话,希望您也可以测试下webstorm

joyexpr avatar Sep 15 '22 02:09 joyexpr

和 --remote-debugging-port=9229 这个无关,这个只是修改调试端口而已,将 node 参数 dev去掉 ?我也试一试

alex8088 avatar Sep 15 '22 03:09 alex8088

和 --remote-debugging-port=9229 这个无关,这个只是修改调试端口而已,将 node 参数 dev去掉 ?我也试一试

去掉dev也试过,也不行

joyexpr avatar Sep 15 '22 05:09 joyexpr

debugger with webstorm

debugger-1 debugger-2

alex8088 avatar Sep 15 '22 07:09 alex8088

@joyexpr 我这样配置是OK的

alex8088 avatar Sep 15 '22 07:09 alex8088

@joyexpr 我这样配置是OK的

奇怪了,这样配置我也试过的不行,你webstorm是什么版本呢?我换个版本试下

joyexpr avatar Sep 15 '22 08:09 joyexpr

@joyexpr 我这样配置是OK的

奇怪了,这样配置我也试过的不行,你webstorm是什么版本呢?我换个版本试下

最新下载的

alex8088 avatar Sep 15 '22 08:09 alex8088

终于可以了,可能是我webstorm版本的bug, --sourcemap参数加在运行/调试配置里不生效,不会拼到electron-vite dev 的后面,我直接修改package.json为"dev": "electron-vite dev --sourcemap" 再debug就可以,晕死。。。

joyexpr avatar Sep 15 '22 08:09 joyexpr

@joyexpr 没有事,这也可以给其他开发者提供webstorm怎么调试的答案 🤝

alex8088 avatar Sep 15 '22 08:09 alex8088

@joyexpr 感谢你提出来很多宝贵意见,共同进步 🤝

alex8088 avatar Sep 15 '22 08:09 alex8088

@joyexpr 感谢你提出来很多宝贵意见,共同进步 🤝

正计划重写个项目,选型时正好看到您开源的库,也是我的幸运,库的设计也很符合我的品味(干净),因为以前没写过electron和vite项目,有些知识点储备不足,所以可能疑问比较多,感谢您回复这么快,谢谢

joyexpr avatar Sep 15 '22 08:09 joyexpr

发现需要在 --sourcemap 前再添加 --空格,才能把参数传给electron-vite dev,如图所示

image

joyexpr avatar Sep 19 '22 01:09 joyexpr

@joyexpr 你的npm是不是6版本的

alex8088 avatar Sep 19 '22 02:09 alex8088

@joyexpr 你的npm是不是6版本的

是的, node 14.18.1 , npm 6.14.15,你是npm7吗,不需要多加个-- ?

joyexpr avatar Sep 20 '22 00:09 joyexpr

@joyexpr 你的npm是不是6版本的

是的, node 14.18.1 , npm 6.14.15,你是npm7吗,不需要多加个-- ?

这应该是npm历史问题,7版本是不需要的

alex8088 avatar Sep 20 '22 02:09 alex8088