节点检查脚本是乱码并且与原始脚本不同答案

【问题标题】：Node inspect scripts are garbled and different than the original script节点检查脚本是乱码并且与原始脚本不同
【发布时间】：2018-09-12 21:59:40
【问题描述】：

我正在使用以下方式运行 Node 应用程序：

node --inspect index.js

在 Chrome 中打开 devtools for node 然后会显示主要 index.js 的源代码，但其余脚本是乱码，如下所示：

    (function (exports, require, module, __filename, __dirname) { "use strict";
var __cov_E6kz_9bK33ltizHRV1BcVA = (Function('return this'))();
if (!__cov_E6kz_9bK33ltizHRV1BcVA.__coverage__) { __cov_E6kz_9bK33ltizHRV1BcVA.__coverage__ = {}; }
__cov_E6kz_9bK33ltizHRV1BcVA = __cov_E6kz_9bK33ltizHRV1BcVA.__coverage__;
(....)

文件没有被 uglified（只用 gulp 进行 babelified）并且调试器正确显示了路径：

如您所见，文件 routes/index.js... 显示了一个路径，chrome 显示的“路由”指向正确的 /dist/ 文件...但我磁盘中的内容是不同的。在 devtools 中漂亮地打印脚本会显示一个带有大量额外行的脚本：

如您所见，左边的文件是第一个屏幕截图中显示的路线上磁盘上的脚本......右边是与第一个屏幕截图相同的脚本，但由 devtools 打印出来。

该应用程序是一个用 gulp 打包的 Kraken 应用程序，我认为 Node 是一个搞乱源代码的应用程序，但我从未见过这个。有没有人遇到过这个？有没有办法让“正确”的源代码进行调试？

【问题讨论】：

标签： javascript node.js google-chrome devtools inspect

【解决方案1】：

这很正常，编译器正在为您执行此操作。帮助您调试的最好方法是添加源映射，以便您可以更轻松地调试代码。根据发生的 gulp 转换，有很多选择。对给定 x 编译器的源映射做一些快速研究会有所帮助。

祝你好运，如果结构不好，单体 javascript 应用程序将很难处理。

【讨论】：