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

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

Electron-Vite Version
1.0.8
Electron Version
19.0.16
Vite Version
3.0.9
Validations
- [X] Follow the Code of Conduct.
- [X] Read the Contributing Guidelines.
- [X] Read the docs.
- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
增加 Arguments --sourcemap
webstrom我不熟悉,除了npm指令外,,还有其他方式吗? 实际原理很简单 https://evite.netlify.app/guide/debugging.html
增加 Arguments --sourcemap
之前也尝试过了,没有效果,也试过参考 https://evite.netlify.app/guide/debugging.html ,建了node指令,也没效果

网上也搜到了增加参数 --remote-debugging-port=9229 ,但加完会报错CACError: Unknown option --remoteDebuggingPort,不知道是不是封装的electron-vite导致。
vscode 和 webstorm 是目前前端开发都非常常用的两大IDE,如果可以的话,希望您也可以测试下webstorm
和 --remote-debugging-port=9229 这个无关,这个只是修改调试端口而已,将 node 参数 dev去掉 ?我也试一试
和 --remote-debugging-port=9229 这个无关,这个只是修改调试端口而已,将 node 参数 dev去掉 ?我也试一试
去掉dev也试过,也不行
debugger with webstorm

@joyexpr 我这样配置是OK的
@joyexpr 我这样配置是OK的
奇怪了,这样配置我也试过的不行,你webstorm是什么版本呢?我换个版本试下
@joyexpr 我这样配置是OK的
奇怪了,这样配置我也试过的不行,你webstorm是什么版本呢?我换个版本试下
最新下载的
终于可以了,可能是我webstorm版本的bug, --sourcemap参数加在运行/调试配置里不生效,不会拼到electron-vite dev 的后面,我直接修改package.json为"dev": "electron-vite dev --sourcemap" 再debug就可以,晕死。。。
@joyexpr 没有事,这也可以给其他开发者提供webstorm怎么调试的答案 🤝
@joyexpr 感谢你提出来很多宝贵意见,共同进步 🤝
@joyexpr 感谢你提出来很多宝贵意见,共同进步 🤝
正计划重写个项目,选型时正好看到您开源的库,也是我的幸运,库的设计也很符合我的品味(干净),因为以前没写过electron和vite项目,有些知识点储备不足,所以可能疑问比较多,感谢您回复这么快,谢谢
发现需要在 --sourcemap 前再添加 --空格,才能把参数传给electron-vite dev,如图所示
@joyexpr 你的npm是不是6版本的
@joyexpr 你的npm是不是6版本的
是的, node 14.18.1 , npm 6.14.15,你是npm7吗,不需要多加个-- ?
@joyexpr 你的npm是不是6版本的
是的, node 14.18.1 , npm 6.14.15,你是npm7吗,不需要多加个-- ?
这应该是npm历史问题,7版本是不需要的