调试 node.js 应用程序时，chrome 开发工具“保存”不起作用答案

【问题标题】：chrome dev tools "save" not working while debugging node.js app调试 node.js 应用程序时，chrome 开发工具“保存”不起作用
【发布时间】：2014-08-30 20:09:27
【问题描述】：

在 chrome 开发工具中调试 node.js cli 脚本时（可能是 http://youtu.be/03qGA-GJXjI），我无法像从网站调试普通 javascript 时那样保存我在运行中所做的更改。我收到一条错误消息：

"Debugger.setScriptSource 失败。 LiveEdit 失败：无法编译新版本的脚本：SyntaxError: Unexpected token ["

然后是警告：

配置已禁用将实时编辑更改保存回源文件。更改 config.json 中的“saveLiveEdit”选项以启用此功能。

有谁知道如何解决这个问题？在不离开chrome开发工具的情况下调试和编辑文件并保存它真的很方便。

谢谢。

顺便说一句，这就是 config.json 的样子，https://github.com/node-inspector/node-inspector/blob/master/config.json。我尝试将“saveLiveEdit”选项更改为 true，但仍然收到相同的消息“将实时编辑更改保存回源文件已被配置禁用。更改 config.json 中的选项“saveLiveEdit”以启用此功能。”

【问题讨论】：

我终于想通了，保存实时编辑可以工作，但是你必须使用命令行选项--save-live-edit调用node-inspector，然后它就会工作！
还有一个提示，使用 --no-preload 选项可以加快启动速度。
这应该是一个社区维基。
如果阅读本文的其他人不清楚，除了命令行之外，还有其他方法可以设置 --save-live-edit（和其他）节点检查器选项，包括在配置文件中。请参阅node-inspector npm docs。我通常将所有检查器配置选项设置在一个文件中，以节省在命令行上输入的时间。
要理解这个问题，你必须意识到 node-inspector 使用 DevTools 来提供 UI，但它不是你习惯的 DevTools，所以你可以设置 Chrome DevTools实时编辑，这对节点检查器没有影响，节点检查器本身就是一个网络服务器。需要使用命令行开关或 config.json 来告诉 node-inspector 启用此行为，然后它使用 node fs 根据浏览器中 UI 的更改在本地修改项目文件。

标签： javascript node.js google-chrome

【解决方案1】：

启动节点调试时使用选项--save-live-edit。

例如：

node-debug --save-live-edit app.js

【讨论】：

【解决方案2】：

这似乎对我有用。我启动了 2 个 shell：

node-inspector --save-live-edit
node --debug app.js

然后在浏览器上转到http://127.0.0.1:8080/?ws=127.0.0.1:8080&port=5858。

对代码进行更改应将其保存在硬盘上。

【讨论】：

【解决方案3】：

您可以使用环境变量node-inspector_save-live-edit 并将其设置为true。环境变量node-inspector_前缀被node-inspector扫描。

您还可以使用 $HOME/.node-inspectorrc 并存储以下内容：

{ "save-live-edit": true, "preload": false, "hidden": ["node_modules/" ], "nodejs": ["--harmony"] }

【讨论】：

【解决方案4】：

不要修改 config.json，改为更改 $YOUR_NPM_PATH\node_modules\node-\lib\config.js。在文件中查找和修改：

'save-live-edit': {
    ...
    ...
    default: true
  },

【讨论】：