【发布时间】：2017-02-04 05:20:53
【问题描述】：
我正在使用 Electron（Node.js 7.4，chromium 51）和 chrome 开发工具（带有 react 和 redux 扩展）
我可以在 react 选项卡中看到 react 代码，但是当我在 JSX 源代码中设置断点时（点击它们）它们没有正确映射。
我正在使用带有内联源映射的 babel，所以我可以看到输出 js（es2015 预设和反应预设）。
我没有使用打包工具（因为这是一个 Electron 项目）
还有其他人遇到过这个吗？
package.json
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Main Electron Process",
"program": "${workspaceRoot}/main.js",
"stopOnEntry": false,
"args": [],
"cwd": "${workspaceRoot}",
"runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron.cmd",
"runtimeArgs": [
"."
],
"env": {},
"sourceMaps": false
},
{
"name": "Launch Chrome against localhost",
"type": "chrome",
"request": "launch",
"url": "http://localhost/NodeWork//window.html",
"webRoot": "${workspaceRoot}"
},
{
"name": "Attach to Chrome",
"type": "chrome",
"request": "attach",
"port": 9222,
"webRoot": "${workspaceRoot}"
}
]
}
launch.json（我使用 VSCODE）
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Main Electron Process",
"program": "${workspaceRoot}/main.js",
"stopOnEntry": false,
"args": [],
"cwd": "${workspaceRoot}",
"runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron.cmd",
"runtimeArgs": [
"."
],
"env": {},
"sourceMaps": true
},
【问题讨论】：
-
如果你愿意，你仍然可以在 Electron 项目中使用打包器。它仍然是一个在类似浏览器的环境中运行的网络应用程序。如果我们能看到配置可能会更有帮助。你用electron-compile吗？您是否看到任何原始来源，或者只是转译的来源？
-
@Gideon，我不使用捆绑器，因为我认为电子中不需要它们。我将添加 package.json。我可以看到原始代码和转译代码。是的，我真的很喜欢 electron-compile，但我一直无法安装它，所以我仍然使用带有 watch flag 的 Babel。见：github.com/electron/electron-compile/issues/170
标签： google-chrome-devtools electron react-jsx